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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
window.open()弹出居中的窗口
Feb 01 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
Apr 01 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 Javascript
jQuery 实现侧边浮动导航菜单效果
Dec 26 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
jQuery Easyui datagrid/treegrid 清空数据
Jul 09 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 Javascript
javascript实现电脑和手机版样式切换
Nov 10 Javascript
JS关于刷新页面的相关总结
May 09 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
May 22 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中通过ADO调用Access数据库的方法测试不通过
2006/12/31 PHP
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
利用Memcached在php下实现session机制 替换PHP的原生session支持
2010/08/21 PHP
php提交表单发送邮件的方法
2015/03/20 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
PDO::inTransaction讲解
2019/01/28 PHP
如何让动态插入的javascript脚本代码跑起来。
2007/01/09 Javascript
11款基于Javascript的文件管理器
2009/10/25 Javascript
jquery 学习笔记一
2010/04/07 Javascript
js同比例缩放图片的小例子
2013/10/30 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
使用JS 插件qrcode.js生成二维码功能
2017/02/20 Javascript
layui点击按钮添加可编辑的一行方法
2018/08/15 Javascript
javascript的this关键字详解
2019/05/20 Javascript
解决layer.prompt无效的问题
2019/09/24 Javascript
跨平台python异步回调机制实现和使用方法
2013/11/26 Python
在Gnumeric下使用Python脚本操作表格的教程
2015/04/14 Python
Python中元组,列表,字典的区别
2017/05/21 Python
python数据结构之列表和元组的详解
2017/09/23 Python
浅谈python可视化包Bokeh
2018/02/07 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
对Python闭包与延迟绑定的方法详解
2019/01/07 Python
CentOS6.9 Python环境配置(python2.7、pip、virtualenv)
2019/05/06 Python
Django mysqlclient安装和使用详解
2020/09/17 Python
python定时截屏实现
2020/11/02 Python
iPad和Surface Pro蓝牙键盘:Brydge
2018/11/10 全球购物
一家专门经营包包的英国网站:MyBag
2019/09/08 全球购物
servlet面试题
2012/08/20 面试题
财务担保书范文
2014/04/02 职场文书
先进事迹报告会主持词
2014/04/02 职场文书
2016年教代会开幕词
2016/03/04 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
Python 居然可以在 Excel 中画画你知道吗
2022/02/15 Python