zoukankan      html  css  js  c++  java
  • jcarousellite 实现图片列表滚动

    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>
  • 相关阅读:
    事件处理
    模板语法
    计算属性和侦听器
    Class 与 Style绑定
    Springboot使用redis
    修改docker-toolbox/boot2docker容器镜像
    docker容器如何安装vim
    Maven+Docker,发布到Registry
    Maven + Docker
    Jenkins-SVN + Maven + Docker
  • 原文地址:https://www.cnblogs.com/DajiangDev/p/3449691.html
Copyright © 2011-2022 走看看