Jjcarousellite 实现图片列表滚动的简单实例

 更新时间:2013年11月29日 16:56:00   作者:  
这篇文章主要介绍了Jjcarousellite 实现图片列表滚动的简单实例,有需要的朋友可以参考一下

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>

相关文章

  • 基于JS实现移动端左滑删除功能

    基于JS实现移动端左滑删除功能

    最近做个项目,需要实现移动端左滑删除功能,当时js代码将网上找的进行删减优化,下面通过本文给大家分享基于JS实现移动端左滑删除功能,感兴趣的朋友一起看看
    2017-07-07
  • 微信小程序动态设置导航栏标题的实现步骤

    微信小程序动态设置导航栏标题的实现步骤

    实际开发中很多时候我们需要通过上个页面传过来的值动态的更改标题栏文字,下面这篇文章主要给大家介绍了关于微信小程序动态设置导航栏标题的实现步骤,需要的朋友可以参考下
    2023-02-02
  • 不使用浏览器运行javascript代码的方法

    不使用浏览器运行javascript代码的方法

    用js写一段小程序,但是又觉得使用浏览器去运行挺麻烦的,下面为大家介绍下如何使用java程序调用javascript程序,有类似需求的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • javascript计时器编写过程与实现方法

    javascript计时器编写过程与实现方法

    这篇文章主要为大家详细介绍了javascript计时器编写过程与实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 使用Bootstrap美化按钮实例代码(demo)

    使用Bootstrap美化按钮实例代码(demo)

    这篇文章主要介绍了使用Bootstrap美化按钮实例代码(demo),非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • 微信小程序实现注册登录功能(表单校验、错误提示)

    微信小程序实现注册登录功能(表单校验、错误提示)

    这篇文章主要介绍了微信小程序 实现注册、登录功能(表单校验、错误提示),本文通过代码给大家详细介绍,需要的朋友可以参考下
    2019-12-12
  • js 中以 ... 为前缀的几种用法详解

    js 中以 ... 为前缀的几种用法详解

    这篇文章主要为大家介绍了js 中以 ... 为前缀的几种用法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • JavaScript 空间坐标的使用

    JavaScript 空间坐标的使用

    这篇文章主要介绍了JavaScript 空间坐标的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 浅谈 Webpack 如何处理图片(开发、打包、优化)

    浅谈 Webpack 如何处理图片(开发、打包、优化)

    这篇文章主要介绍了浅谈 Webpack 如何处理图片(开发、打包、优化),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • JS实现在状态栏显示打字效果完整实例

    JS实现在状态栏显示打字效果完整实例

    这篇文章主要介绍了JS实现在状态栏显示打字效果的方法,涉及JavaScript中字符遍历结合时间函数对状态栏显示进行操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11

最新评论