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 相关文章推荐
JavaScript入门教程(10) 认识其他对象
Jan 31 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
Jan 20 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
Jan 26 Javascript
JavaScript函数内部属性和函数方法实例详解
Mar 17 Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
Mar 05 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
Jul 23 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
php5.3提示Function ereg() is deprecated Error问题解决方法
2014/11/12 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
PHP时间类完整代码实例
2021/02/26 PHP
ArrayList类(增强版)
2007/04/04 Javascript
jQuery 表单验证扩展(四)
2010/10/20 Javascript
突发奇想的一个jquery插件
2010/11/19 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
Jqgrid之强大的表格插件应用
2015/12/02 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
2016/03/28 Javascript
分享一个原生的JavaScript拖动方法
2016/09/25 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
2018/04/08 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
2018/08/28 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
2019/11/29 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
简单的编程0基础下Python入门指引
2015/04/01 Python
Python 中开发pattern的string模板(template) 实例详解
2017/04/01 Python
python中 logging的使用详解
2017/10/25 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
对Python中plt的画图函数详解
2018/11/07 Python
Python3字符串encode与decode的讲解
2019/04/02 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
python tkinter实现下载进度条及抖音视频去水印原理
2021/02/07 Python
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
在子网210.27.48.21/30种有多少个可用地址?分别是什么?
2014/07/27 面试题
简述安装Slackware Linux系统的过程
2012/01/12 面试题
银行营业厅大堂经理岗位职责
2014/01/06 职场文书
开业庆典答谢词
2014/01/18 职场文书
幼儿园小班评语
2014/04/18 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
婚庆公司开业主持词
2015/06/30 职场文书
MySQL transaction事务安全示例讲解
2022/06/21 MySQL
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers