Jjcarousellite 实现图片列表滚动的简单实例


Posted in Javascript onNovember 29, 2013

jcarousel Lite与jcarousel 相比去掉了皮肤的约束,可以自定义的设置前后按钮和选项卡按钮,生成的html更加简洁,文件更小(2k)
下载链接:
使用方法:http://www.gmarwaha.com/jquery/jcarousellite/

<div class="类名">
  <ul>
    <li></li>
  </ul>
</div>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript">
    $(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(){}        //滚动结束时回调的函数
        });
    });
</script>
Javascript 相关文章推荐
Jquery进度条插件 Progress Bar小问题解决
Jul 12 Javascript
javascript Event对象详解及使用示例
Nov 22 Javascript
使用jQuery重置(reset)表单的方法
May 05 Javascript
Jquery中offset()和position()的区别分析
Feb 05 Javascript
Yii2使用Bootbox插件实现自定义弹窗
Apr 02 Javascript
js绘制购物车抛物线动画
Nov 18 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
认识less和webstrom的less配置方法
Aug 02 Javascript
AngularJS中的作用域实例分析
May 16 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
Jun 25 Javascript
jQuery实现购物车全功能
Jan 11 jQuery
js前端设计模式优化50%表单校验代码示例
Jun 21 Javascript
JS实现多物体缓冲运动实例代码
Nov 29 #Javascript
JS实现匀速运动的代码实例
Nov 29 #Javascript
JS实现侧悬浮浮动实例代码
Nov 29 #Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 #Javascript
JS实现日期加减的方法
Nov 29 #Javascript
js弹出层永远居中实现思路及代码
Nov 29 #Javascript
根据表格中的某一列进行排序的javascript代码
Nov 29 #Javascript
You might like
Oracle 常见问题解答
2006/10/09 PHP
php jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
PHP引用(&amp;)各种使用方法实例详解
2014/03/20 PHP
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
Javascript Web Slider 焦点图示例源码
2013/10/10 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
使用node.js半年来总结的 10 条经验
2014/08/18 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
jQuery图片拖动组件Dropzone用法示例
2017/01/17 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
JS如何监听div的resize事件详解
2020/12/03 Javascript
[52:32]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第三场 11.18
2020/11/18 DOTA
调试Python程序代码的几种方法总结
2015/04/28 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
浅谈python累加求和+奇偶数求和_break_continue
2020/02/25 Python
Python中求对数方法总结
2020/03/10 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
Python通过递归函数输出嵌套列表元素
2020/10/15 Python
Champion官网:美国冠军运动服装
2017/01/25 全球购物
澳大利亚最便宜的网上药房:Chemist Warehouse
2020/01/30 全球购物
德国净水壶和滤芯品牌:波尔德PearlCo(家用净水器)
2020/04/29 全球购物
Java平台和其他软件平台有什么不同
2015/06/05 面试题
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
大学生咖啡店创业计划书
2014/01/21 职场文书
校园活动策划方案
2014/06/13 职场文书
2014年幼儿园教师工作总结
2014/11/08 职场文书
2014小学教师个人工作总结
2014/11/10 职场文书
订货会主持词
2015/07/01 职场文书
小学数学教师研修日志
2015/11/13 职场文书
Linux7.6二进制安装Mysql8.0.27详细操作步骤
2021/11/27 MySQL