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 相关文章推荐
新闻内页-JS分页
Jun 07 Javascript
javascript中的toFixed固定小数位数 简单实例分享
Jul 12 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
Oct 10 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
bootstrap表格分页实例讲解
Dec 30 Javascript
js仿百度音乐全选操作
Jan 13 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
详解React Native网络请求fetch简单封装
Aug 10 Javascript
js中的闭包实例展示
Nov 01 Javascript
vue在路由中验证token是否存在的简单实现
Nov 11 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
Apr 26 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
40个迹象表明你还是PHP菜鸟
2008/09/29 PHP
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
javascript英文日期(有时间)选择器
2007/05/02 Javascript
js 跨域和ajax 跨域问题小结
2009/07/01 Javascript
js自定义事件代码说明
2011/01/31 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
js中判断对象是否为空的三种实现方法
2013/12/23 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
2015/04/06 Javascript
Javascript进制转换实例分析
2015/05/14 Javascript
jquery实现可关闭的倒计时广告特效代码
2015/09/02 Javascript
javaScript实现可缩放的显示区效果代码
2015/10/26 Javascript
Jquery时间轴特效(三种不同类型)
2015/11/02 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
2016/08/24 Javascript
详解在 Angular 项目中添加 clean-blog 模板
2017/07/04 Javascript
js中offset,client , scroll 三大元素知识点总结
2019/09/11 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
浅谈TypeScript的类型保护机制
2020/02/23 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
Python ldap实现登录实例代码
2016/09/30 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2018/05/29 Python
将tensorflow的ckpt模型存储为npy的实例
2018/07/09 Python
Django之PopUp的具体实现方法
2019/08/31 Python
Pytorch转tflite方式
2020/05/25 Python
keras的ImageDataGenerator和flow()的用法说明
2020/07/03 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
俄罗斯最大的在线手表商店:Bestwatch.ru
2020/01/11 全球购物
几个Linux面试题笔试题
2016/08/01 面试题
质量负责人任命书
2014/06/06 职场文书
生产助理岗位职责
2014/06/18 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
如何理解Vue前后端数据交互与显示
2021/05/10 Vue.js
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python
mysql如何能有效防止删库跑路
2021/10/05 MySQL
css3 文字断裂效果
2022/04/22 HTML / CSS
Three.js实现雪糕地球的使用示例详解
2022/07/07 Javascript