jcarousellite.js 基于Jquery的图片无缝滚动插件 |
1.引入JS库,jquery.js脚本和插件脚本jcarousellite.js 。 复制代码 代码如下: <script type="text/javascript" src="path/to/jquery.js"></script> <script type="text/javascript" src="path/to/jcarousellite.js"></script> 2.需要被展现的HTML结构 div>ul>li>img ,结构比较清晰 复制代码 代码如下: <div> <ul> <li><img src="1.jpg" alt="" width="100" height="100" ></li> <li><img src="2.jpg" alt="" width="100" height="100" ></li> <li><img src="3.jpg" alt="" width="100" height="100" ></li> <li><img src="4.jpg" alt="" width="100" height="100" ></li> </ul> </div> 3.执行启动脚本 复制代码 代码如下: $(function() { $(".default .jCarouselLite").jCarouselLite({ btnNext: ".default .next", btnPrev: ".default .prev" }); }); 官方网站演示:http://demo.jb51.net/js/jcarousellite2/index.htm 打包演示下载:http://www.jb51.net/jiaoben/33787.html |