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的树控件实现代码(asp.net+json)
Jul 11 Javascript
javscript对象原型的一些看法
Sep 19 Javascript
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
基于BootStarp的Dailog
Apr 28 Javascript
AngularJS实现分页显示数据库信息
Jul 01 Javascript
微信小程序开发图片拖拽实例详解
May 05 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
Jul 05 Javascript
安装vue-cli的简易过程
May 22 Javascript
浅谈微信页面入口文件被缓存解决方案
Sep 29 Javascript
JavaScript展开运算符和剩余运算符的区别详解
Feb 18 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
攻克CakePHP系列三 表单数据增删改
2008/10/22 PHP
PHP文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
利用PHP扩展vld查看PHP opcode操作步骤
2013/03/04 PHP
py文件转exe时包含paramiko模块出错解决方法
2016/08/12 PHP
使Ext的Template可以解析二层的json数据的方法
2007/12/22 Javascript
jquery 双色表格实现代码
2009/12/08 Javascript
javascript 函数参数限制说明
2010/11/19 Javascript
JQuery live函数
2010/12/24 Javascript
JS限制上传图片大小不使用控件在本地实现
2012/12/19 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
js中Number数字数值运算后值不对的解决方法
2017/02/28 Javascript
基于JavaScript实现的顺序查找算法示例
2017/04/14 Javascript
vue 里面使用axios 和封装的示例代码
2017/09/01 Javascript
vue地区选择组件教程详解
2018/05/04 Javascript
vue项目中使用百度地图的方法
2018/06/08 Javascript
MVVM框架下实现分页功能示例
2018/06/14 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
Python Requests安装与简单运用
2016/04/07 Python
如何将python中的List转化成dictionary
2016/08/15 Python
Python探索之pLSA实现代码
2017/10/25 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
python获取服务器响应cookie的实例
2018/12/28 Python
Python之关于类变量的两种赋值区别详解
2020/03/12 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
五分钟学会怎么用Pygame做一个简单的贪吃蛇
2021/01/06 Python
使用css3制作动感导航条示例
2014/01/26 HTML / CSS
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
个人优缺点自我评价
2014/01/27 职场文书
陈欧的广告词
2014/03/18 职场文书
就业协议书怎么填
2014/04/11 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
上党课的心得体会
2014/09/02 职场文书
Python自动化之批量处理工作簿和工作表
2021/06/03 Python
Python编解码问题及文本文件处理方法详解
2021/06/20 Python