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入门—数据删除与隔行变色以及图片预览
Jan 07 Javascript
裁剪字符串trim()自定义改进版
Apr 10 Javascript
关于jquery css的使用介绍
Apr 18 Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
jQuery 隐藏和显示 input 默认值示例
Jun 03 Javascript
JavaScript中的null和undefined区别介绍
Jan 01 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
Mar 03 Javascript
jquery专业的导航菜单特效代码分享
Aug 29 Javascript
如何写好你的JavaScript【推荐】
Mar 02 Javascript
Angular(5.2-&gt;6.1)升级小结
Dec 27 Javascript
vue-cli3 DllPlugin 提取公用库的方法
Apr 24 Javascript
vue-router 控制路由权限的实现
Sep 24 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生成html分页列表的代码
2007/03/18 PHP
PHP 验证码的实现代码
2011/07/17 PHP
PHP程序级守护进程的实现与优化的使用概述
2013/05/02 PHP
laravel实现于语言包的完美切换方法
2019/09/29 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
js验证表单大全
2006/11/25 Javascript
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
2007/06/29 Javascript
MooTools 1.2介绍
2009/09/14 Javascript
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
2015/12/15 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
javascript中活灵活现的Array对象详解
2016/11/30 Javascript
ES6深入理解之“let”能替代”var“吗?
2017/06/28 Javascript
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
python使用PIL给图片添加文字生成海报示例
2018/08/17 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
在python里面运用多继承方法详解
2019/07/01 Python
django 中QuerySet特性功能详解
2019/07/25 Python
Python的in,is和id函数代码实例
2020/04/18 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
浅谈python锁与死锁问题
2020/08/14 Python
Python+MySQL随机试卷及答案生成程序的示例代码
2021/02/01 Python
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
构造方法和其他方法的区别
2016/04/26 面试题
社区学习十八大感想
2014/01/22 职场文书
实验教师岗位职责
2014/02/13 职场文书
实训报告范文大全
2014/11/04 职场文书
2014年学校财务工作总结
2014/12/06 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
2015年班组建设工作总结
2015/05/13 职场文书
校运会广播稿
2015/08/19 职场文书
Node实现搜索框进行模糊查询
2021/06/28 Javascript