左右滑动带滚动条和方向按钮的js图片滚动代码
- 作者：网页模板
- 大小：0.261MB
- 点击次数：
- 发布时间：2014-06-20 16:29
特效介绍
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图片滚动代码
