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 相关文章推荐
json简单介绍
Jun 10 Javascript
基于jquery的让页面控件不可用的实现代码
Apr 27 Javascript
日期处理的js库(迷你版)--自建js库总结
Nov 21 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
vue组件父子间通信之综合练习(聊天室)
Nov 07 Javascript
react-native android状态栏的实现
Jun 15 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
Aug 20 Javascript
js实现搜索提示框效果
Sep 05 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
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
PHP的加密方式及原理
2012/06/14 PHP
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
关于php程序报date()警告的处理(date_default_timezone_set)
2013/10/22 PHP
PHP MVC框架路由学习笔记
2016/03/02 PHP
简单JS代码压缩器
2006/10/12 Javascript
JavaScript Konami Code 实现代码
2009/07/29 Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
2010/12/02 Javascript
Javascript控制页面链接在新窗口打开具体方法
2013/08/16 Javascript
JS控制网页动态生成任意行列数表格的方法
2015/03/09 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
聊聊JavaScript如何实现继承及特点
2017/04/07 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
2018/10/19 Javascript
Vue中的基础过渡动画及实现原理解析
2018/12/04 Javascript
JavaScript实现更换背景图片
2019/10/18 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
2020/12/10 Vue.js
python实现斐波那契递归函数的方法
2014/09/08 Python
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
python如何在终端里面显示一张图片
2016/08/17 Python
详解爬虫被封的问题
2019/04/23 Python
python利用wx实现界面按钮和按钮监听和字体改变的方法
2019/07/17 Python
Python 矩阵转置的几种方法小结
2019/12/02 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
北美Newegg打造的全球尖货海购平台:tt海购
2018/09/28 全球购物
Feelunique美国:欧洲大型的在线美妆零售电商
2018/11/04 全球购物
亚洲在线旅行门户网站:Expedia.com.hk(智游网)
2020/04/14 全球购物
体育教学随笔感言
2014/02/24 职场文书
企业元宵节主持词
2014/03/25 职场文书
活动总结报告范文
2014/05/04 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
Oracle设置DB、监听和EM开机启动的方法
2021/04/25 Oracle
MySQL8.0.18配置多主一从
2021/06/21 MySQL
使用python创建股票的时间序列可视化分析
2022/03/03 Python