这篇文章主要介绍了 Jjcarousellite 实现图片列表滚动的简单实例,有需要的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
jcarousel Lite 与 jcarousel 相比去掉了皮肤的约束,可以自定义的设置前后按钮和选项卡按钮,生成的 html 更加简洁,文件更小 (2k)
下载链接:
使用方法:{aa0aa}
- <div class="类名">
- <ul>
- <li>
- </li>
- </ul>
- </div>
$(document).ready(function(){
$(". 类名").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
//btnGo: [".1", ".2"], // 自定义滚动位置选项卡, 按照数组顺序
//auto: 2000, // 指定多少毫秒定期自动滚动。默认为 null
//speed: 800, // 滑动的速度, 可以尝试 800 1000 1500
//vertical:false, // 是否垂直滚动, 默认 false
//circular:true, // 是否循环滚动, 默认为 true
//visible:3, // 元素可见数量, 可以为小数,如 2.5 为 2.5 个 li
//scroll:1, // 每次滚动的 li 数量
//start:0, // 开始的地方, 默认是 0
//beforeStart:function(){} // 滚动开始时回调的函数
//afterEnd:function(){} // 滚动结束时回调的函数
});
});
来源: