Heim > Web-Frontend > js-Tutorial > jcarousellite.js 基于Jquery的图片无缝滚动插件_jquery

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

WBOY
Freigeben: 2016-05-16 18:13:05
Original
1333 Leute haben es durchsucht

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
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage