zoukankan      html  css  js  c++  java
  • 自动轮播

    <div class="js-silder">
       <div class="silder-scroll">
            <div class="silder-main">
                <div class="silder-main-img">
                    <img src="img/banner_01.png" alt="">
                </div>
                <div class="silder-main-img">
                    <img src="img/banner_01.png" alt="">
                </div>
                <div class="silder-main-img">
                    <img src="img/banner_01.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/wySilder.min.js"></script>

    轮播设置

        $(function (){
            $(".js-silder").silder({
                auto: true,//自动播放,传入任何可以转化为true的值都会自动轮播
                speed: 20,//轮播图运动速度
                sideCtrl: true,//是否需要侧边控制按钮
                bottomCtrl: true,//是否需要底部控制按钮
                defaultView: 0,//默认显示的索引
                interval: 3000,//自动轮播的时间,以毫秒为单位,默认3000毫秒
                activeClass: "active",//小的控制按钮激活的样式,不包括作用两边,默认active
            });
        });
  • 相关阅读:
    jsp
    session
    cookie
    异常
    静态导入 可变参数与collectiions集合工具 集合嵌套
    HashMap和LinkedHashMap
    map集合
    匿名对像,,,内部类
    电脑版校网登录助手
    360舵机与180舵机
  • 原文地址:https://www.cnblogs.com/RonnieQin/p/8336358.html
Copyright © 2011-2022 走看看