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自动设置IFrame高度的小例子
Jun 08 Javascript
js弹出确认是否删除对话框
Mar 27 Javascript
JS案例分享之金额小写转大写
May 15 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
Aug 15 Javascript
js实现鼠标划过给div加透明度的方法
May 25 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
Oct 23 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 Javascript
JavaScript中日期函数的相关操作知识
Aug 03 Javascript
js实现按钮控制带有停顿效果的图片滚动
Aug 30 Javascript
需要牢记的JavaScript基础知识
Sep 25 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
Jul 12 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 jQuery
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程序?
2006/12/08 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
PHP中使用strpos函数实现屏蔽敏感关键字功能
2014/08/21 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
基于jquery的表头固定的若干方法
2011/01/27 Javascript
jQuery插件pagination实现分页特效
2015/04/12 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
2015/10/09 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
2016/08/01 Javascript
webpack2.0搭建前端项目的教程详解
2017/04/05 Javascript
JavaScript实现前端实时搜索功能
2020/03/26 Javascript
Angular4实现图片上传预览路径不安全的问题解决
2017/12/25 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
解决bootstrap-select 动态加载数据不显示的问题
2018/08/10 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
2019/01/05 jQuery
vue实现axios图片上传功能
2019/08/20 Javascript
浅析VUE防抖与节流
2020/11/24 Vue.js
Python GUI编程 文本弹窗的实例
2019/06/11 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
python英语单词测试小程序代码实例
2019/09/09 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
python RSA加密的示例
2020/12/09 Python
世界最大的票务市场:viagogo
2017/02/16 全球购物
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
DOUGLAS波兰:在线销售香水和化妆品
2020/07/05 全球购物
《真想变成大大的荷叶》教学反思
2014/04/14 职场文书
改作风抓落实促发展心得体会
2014/09/10 职场文书
意外伤害赔偿协议书
2014/09/16 职场文书
北京青年观后感
2015/06/15 职场文书
开工典礼致辞
2015/07/29 职场文书
初三语文教学反思
2016/03/03 职场文书