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
            });
        });
  • 相关阅读:
    webpack 入门(1)入口(entry)出口(output
    npm 常用使用命令
    typora快捷键
    一些思考
    SED LEARN NOTE
    常用网站工具整理
    DFTC
    Notion使用技巧
    BASH LEARN NOTE
    STBC公式
  • 原文地址:https://www.cnblogs.com/RonnieQin/p/8336358.html
Copyright © 2011-2022 走看看