Jjcarousellite实现图片列表滚动的简单实例
jcarouselLite与jcarousel相比去掉了皮肤的约束,可以自定义的设置前后按钮和选项卡按钮,生成的html更加简洁,文件更小(2k)
下载链接:
使用方法:http://www.gmarwaha.com/jquery/jcarousellite/
<divclass="类名">
<ul>
<li></li>
</ul>
</div>
<scripttype="text/javascript"src="js/jquery-1.3.2.min.js"></script>
<scripttype="text/javascript"src="js/jcarousellite_1.0.1.min.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$(".类名").jCarouselLite({
btnNext:".next",
btnPrev:".prev",
//btnGo:[".1",".2"],//自定义滚动位置选项卡,按照数组顺序
//auto:2000, //指定多少毫秒定期自动滚动。默认为null
//speed:800, //滑动的速度,可以尝试80010001500
//vertical:false, //是否垂直滚动,默认false
//circular:true, //是否循环滚动,默认为true
//visible:3, //元素可见数量,可以为小数,如2.5为2.5个li
//scroll:1, //每次滚动的li数量
//start:0, //开始的地方,默认是0
//beforeStart:function(){} //滚动开始时回调的函数
//afterEnd:function(){} //滚动结束时回调的函数
});
});
</script>
相关文章
- 【目标检测/实例分割】Mask R-CNN简介与Swin Transformer实践测试
- 计算巢加速器、专属 Region、实例最多省 19%:阿里云飞天技术峰会亮点一览 | Q推荐
- 查询MySQL表查询实例简易指南(mysql怎么表)
- Oracle主键与外键语句操作实例(oracle主键外键语句)
- Android列表实现(1)_数组列表实例介绍
- androidGridView多选效果的实例代码
- Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
- gridpanel动态加载数据的实例代码
- python抓取京东商城手机列表url实例代码
- php的文件上传入门教程(实例讲解)
- python写的ARP攻击代码实例
- ThinkPHP之N方法实例详解
- ThinkPHP分页实例
- yii操作cookie实例简介
- php自定义加密与解密程序实例
- C#实现装箱与拆箱操作简单实例
- Python3基础之list列表实例解析