jcarousellite.js 基于Jquery的图片无缝滚动插件
2010-12-30 00:00
1131 查看
1.引入JS库,jquery.js脚本和插件脚本jcarousellite.js。
2.需要被展现的HTML结构 div>ul>li>img ,结构比较清晰
3.执行启动脚本
官方网站演示:http://demo.jb51.net/js/jcarousellite2/index.htm
打包演示下载:http://www.jb51.net/jiaoben/33787.html
<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
相关文章推荐
- jcarousellite.js 基于Jquery的图片无缝滚动插件
- jcarousellite.js 基于Jquery的图片无缝滚动插件
- jcarousellite.js 基于Jquery的图片无缝滚动插件
- 第31款插件:第26款插件:jcarousellite.js 基于Jquery的无缝“水平滚动”图片插件
- 第32款插件:第26款插件:jcarousellite.js 基于Jquery的无缝“垂直滚动”图片插件
- jquery插件jCarouselLite实现图片无缝滚动
- 基于jQuery的图片左右无缝滚动插件
- 基于编写jQuery的无缝滚动插件
- marquee.js - jQuery 多功能无缝滚动插件
- 利用jQuery无缝滚动插件liMarquee实现图片(链接)和文字(链接)向右无缝滚动(兼容ie7+)
- JS_无缝广告图片左右滚动(基于JQ)
- 基于jQuery实现一个marquee无缝滚动的插件
- 几个不错的基于jquery的js图片轮播插件
- 一款很好用的jquery图片滚动插件-jquery.flexslider.js
- 基于jQuery图片平滑连续滚动插件
- js无缝图片滚动代码,利用强大的JQUERY,兼容IE、火狐等主流浏览器
- 基于编写jQuery的无缝滚动插件
- jquery图片滚动插件jcarousellite
- jQuery-插件-图片左右无缝滚动