Rumah  >  Artikel  >  hujung hadapan web  >  jcarousellite.js 基于Jquery的图片无缝滚动插件_jquery

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

WBOY
WBOYasal
2016-05-16 18:13:051295semak imbas

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
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn