zoukankan      html  css  js  c++  java
  • 温故而知新 兼容性较强的轮播器superslide.js

    官网:

    http://www.superslide2.com/index.html

    demo:

    http://www.superslide2.com/demo.html

    API:

    http://www.superslide2.com/param.html

     最新版2.1.2 增加了响应式轮播 

     增加参数设置 vis:"auto",仅适应于:scroll:1, effect:"left或leftLoop"情况

    http://www.superslide2.com/SuperSlide.2.1.2/demo.html

    个人实战

    <!--banner轮播图-->
    <div class="site-banner">
        <div class="my-slider">     
            <ul>
                <li class="my-slider-li my-slider-li-1"></li>
                <li class="my-slider-li my-slider-li-2"></li>
                <li class="my-slider-li my-slider-li-3"></li>
                <li class="my-slider-li my-slider-li-4"></li>
                <li class="my-slider-li my-slider-li-5"></li>
            </ul>
            <a class="unslider-arrow next"></a>
            <a class="unslider-arrow prev"></a>
        </div>
       <div class="unslider-nav">
            <ol class="num"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ol>
       </div>
    </div>    
        
    
    <script type="text/javascript">
     $(".site-banner").slide({delayTime:400,interTime:4000,titCell:".unslider-nav ol",mainCell:".my-slider ul",easing:"swing",autoPage:true,effect:"leftLoop",autoPlay:true,vis:"auto",scroll:1,trigger:"click"});
    </script>
  • 相关阅读:
    lvs+keepalived+nginx
    linux配置静态ip
    nginx+keepalived
    nginx反向代理+负载均衡
    win10 安装虚拟机问题
    zlib-1.2.8用VS2010编译生成动态静态库
    mysql 创建库时指定编码
    mysql 升级遇到的问题 (本次由5.1.1X到5.6.28)
    android的SDK包下载
    node-webkit 使用笔记
  • 原文地址:https://www.cnblogs.com/CyLee/p/6170061.html
Copyright © 2011-2022 走看看