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 相关文章推荐
asp.net+jquery滚动滚动条加载数据的下拉控件
Jun 25 Javascript
每天一篇javascript学习小结(属性定义方法)
Nov 19 Javascript
基于jquery实现简单的分页控件
Mar 17 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
jQuery焦点图左右转换效果
Dec 12 Javascript
一道面试题引发的对javascript类型转换的思考
Mar 06 Javascript
vue移动端使用canvas签名的实现
Jan 15 Javascript
Vue开发环境跨域访问问题
Jan 22 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
Feb 11 Javascript
Javascript操作select控件代码实例
Feb 14 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
vue首次渲染全过程
Apr 21 Vue.js
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
DOMXML函数笔记
2006/10/09 PHP
php下载远程文件类(支持断点续传)
2008/11/14 PHP
SWFUpload与CI不能正确上传识别文件MIME类型解决方法分享
2011/04/18 PHP
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
jquery获取多个checkbox的值异步提交给php的方法
2015/06/24 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
PHP实现的数独求解问题示例
2017/04/18 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
php写入mysql中文乱码的实例解决方法
2019/09/17 PHP
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
2013/12/23 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
JS判断是否手机或pad访问实现方法
2016/12/09 Javascript
基于JS实现bookstore静态页面的实例代码
2017/02/22 Javascript
react-router中的属性详解
2017/06/01 Javascript
js+canvas实现五子棋小游戏
2020/08/02 Javascript
python实现生命游戏的示例代码(Game of Life)
2018/01/24 Python
使用Python 正则匹配两个特定字符之间的字符方法
2018/12/24 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
对python中的os.getpid()和os.fork()函数详解
2019/08/08 Python
pycharm运行scrapy过程图解
2019/11/22 Python
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
介绍一下代理模式(Proxy)
2014/10/17 面试题
酒店服务实习自我鉴定
2013/09/22 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
2014最新开业庆典策划方案(5篇)
2014/09/15 职场文书
教师四风问题对照检查材料
2014/09/26 职场文书
2014年药店工作总结
2014/11/20 职场文书
个园导游词
2015/02/04 职场文书
电频谱管理的原则是什么
2022/02/18 无线电
MySQL中一条update语句是如何执行的
2022/03/16 MySQL