我爱模板网 > 特效插件 > 滚动轮播 >  左右滑动带滚动条和方向按钮的js图片滚动代码正文

左右滑动带滚动条和方向按钮的js图片滚动代码

特效介绍
js图片滚动

    js图片滚动插件,下方是滚动条,左右两边是向左向右按钮,一共7屏,将鼠标放到滚动条上转动中间的齿轮也可以滚动。不支持增加图片,支持浏览器:IE6+等浏览器。
使用方法
1、在head区域引入下面的css文件和js文件:
<link href="css/5imoban.net.css" type="text/css" rel="stylesheet" />
<script src="js/5imoban.net.js"></script>
2、在body区域引入下面的html代码和menu.js:
<div id="ztbox">
  <div id="left"></div>
  <div id="conter">
    <ul>
      <li><a href="http://www.5imoban.net" target="_blank"><img src="images/b1.png" /></a></li>
      <li><a href="http://www.5imoban.net" target="_blank"><img src="images/b2.png" /></a></li>
      <li><a href="http://www.5imoban.net" target="_blank"><img src="images/b3.png" /></a></li>
      <li><a href="http://www.5imoban.net" target="_blank"><img src="images/b4.png" /></a></li>
      <li><a href="http://www.5imoban.net" target="_blank"><img src="images/b5.png" /></a></li>
      <li><a href="http://www.5imoban.net" target="_blank"><img src="images/b6.png" /></a></li>
      <li><a href="http://www.5imoban.net" target="_blank"><img src="images/b7.png" /></a></li>
    </ul>
    <div id="scroll"> <span></span> </div>
  </div>
  <div id="right"></div>
</div>



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:图片放大显示带倒影和滚动条的js图片轮播效果 下一篇:仿手机腾讯网jQuery幻灯图片插件
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢