欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2024-02-01 08:55:52
...
1.引入JS库,jquery.js脚本和插件脚本jcarousellite.js。
复制代码 代码如下:




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



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

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

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

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




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