JS模仿腾讯图片站的图片翻页按钮效果完整实例

本文实例讲述了JS模仿腾讯图片站的图片翻页按钮效果。分享给大家供大家参考，具体如下：

运行效果截图如下：

具体代码如下：

 
 
 
 
  *{
   margin:none;
  padding:none;
  }
  body{
  background:#000000;
  }
  #tip{
  position:absolute;
  width:564px;
  height:362px;
  top:-362px;
  background:url(../img/TencentImg/tipLayer.png);
  }
  #left{
  position:absolute;
  width:101px;
  height:95px;
  background:url(../img/TencentImg/left.png);
  border:1px solid #f2f2f2;
  display:none;
  cursor:hand;
  }
  #right{
  position:absolute;
  width:101px;
  height:95px;
  background:url(../img/TencentImg/right.png);
  border:1px solid #f2f2f2;
  display:none;
  cursor:hand;
  }
  #mouseXPosition{
  width:30px;
  height:20px;
  color:#ffffff;
  display:inline;
  }
  #mouseYPosition{
  width:30px;
  height:20px;
  color:#ffffff;
  display:inline;
  }
  #divTop{
  width:30px;
  height:20px;
  color:#ffffff;
  display:inline;
  }
 
 
 
 
 
 
 鼠标 X 轴:
 0

 鼠标 Y 轴:
 0

 图片上边距:
 0
 0
 

更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript切换特效与技巧总结》、《Javascript查找算法技巧总结》、《Javascript动画特效与技巧汇总》、《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript数学运算用法总结》

希望本文所述对大家Javascript程序设计有所帮助。