首页 >web前端 >js教程 >jcarousellite.js 基于Jquery的图片无缝滚动插件_jquery

jcarousellite.js 基于Jquery的图片无缝滚动插件_jquery

WBOY
WBOY原创
2016-05-16 18:13:051337浏览

1.引入JS库,jquery.js脚本和插件脚本jcarousellite.js。

复制代码 代码如下:




2.需要被展现的HTML结构 div>ul>li>img ,结构比较清晰
复制代码 代码如下:










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
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn