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 相关文章推荐
js同时按下两个方向键
Dec 01 Javascript
javascript 自定义事件初探
Aug 21 Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
onbeforeunload与onunload事件异同点总结
Jun 24 Javascript
document.addEventListener使用介绍
Mar 07 Javascript
浅谈JavaScript数据类型及转换
Feb 28 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
Feb 01 Javascript
Javascript中的迭代、归并方法详解
Jun 14 Javascript
详解webpack之scss和postcss-loader的配置
Jan 09 Javascript
详解AngularJS之$window窗口对象
Jan 17 Javascript
基于rollup的组件库打包体积优化小结
Jun 18 Javascript
elementUI同一页面展示多个Dialog的实现
Nov 19 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
php生成缩略图的类代码
2008/10/02 PHP
php中++i 与 i++ 的区别
2012/08/08 PHP
php数组合并的二种方法
2014/03/21 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
关于Laravel Route重定向的一个注意点
2017/01/16 PHP
php指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
javascript代码加载优化方法
2011/01/30 Javascript
原来Jquery.load的方法可以一直load下去
2011/03/28 Javascript
javascript ajax 仿百度分页函数
2013/10/29 Javascript
浅谈JavaScript函数节流
2014/12/09 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
原生js 封装get ,post, delete 请求的实例
2017/08/11 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
vue自定义表单生成器form-create使用详解
2019/07/19 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
js实现简单的随机点名器
2020/09/17 Javascript
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
kNN算法python实现和简单数字识别的方法
2014/11/18 Python
用Python编写一个基于终端的实现翻译的脚本
2015/04/24 Python
TensorFlow基本的常量、变量和运算操作详解
2020/02/03 Python
使用Pycharm分段执行代码
2020/04/15 Python
python读取yaml文件后修改写入本地实例
2020/04/27 Python
Python 解析xml文件的示例
2020/09/29 Python
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
C++如何引用一个已经定义过的全局变量
2014/08/25 面试题
西安众合通用.net笔试题
2013/03/18 面试题
银行柜员应聘推荐信范文
2013/11/24 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
产品推广策划方案
2014/05/10 职场文书
介绍信的格式
2015/01/30 职场文书
财务统计员岗位职责
2015/04/14 职场文书