zoukankan      html  css  js  c++  java
  • Swiper 滑动

    1.http://www.swiper.com.cn/download/  下载Swiper.JS  Swiper.CSS

    2.引入项目,添加html

      <div class="content">
                <div class="swiper-container" id="swiper-container1">
                    <div class="swiper-wrapper" id="orderState">
                         <div class="swiper-slide" title="1">审核通过</div>
                        <div class="swiper-slide" title="2">审核未通过</div>
                     </div>
                </div>

    </div>


                <div class="swiper-container" id="swiper-container2">
                    <div class="swiper-wrapper">
                  
           <div class="swiper-slide">@*审核通过*@
                            <div id="AuditthroughDt" data-type="1" class="allOrder  yscroll">
                                <div id="ADiv">
                               
                                </div>
                           </div>
                        </div>

          <div class="swiper-slide">@*审核未通过*@
                            <div id="AuditthroughDt" data-type="2" class="allOrder  yscroll">
                                <div id="BDIV">
                           
                                </div>
                           </div>
                        </div>
                             
                    
                     </div>
                </div>

    3.调用

         //左右滑动
                var mySwiper1 = new Swiper('#swiper-container1', {
                    direction: 'horizontal',
                    loop: false,
                    slidesPerView: 1,//显示几个
                    watchSlidesProgress: true,
                    watchSlidesVisibility: true,
                    onTap: function () {

          //到那个选项卡  
                        mySwiper2.slideTo(mySwiper1.clickedIndex)
                    }

                })

  • 相关阅读:
    信号与系统04 离散时间傅里叶变换
    什么是吉布斯现象
    部分分式展开
    常见的傅里叶变换对
    微分运算的时域扩展
    动态库和静态库的制作与使用 【转载】原文链接https://www.cnblogs.com/WindSun/p/11287927.html
    派生访问说明符
    自定义异常类
    C++虚函数
    Linux知识点
  • 原文地址:https://www.cnblogs.com/j2ee-web-01/p/7286105.html
Copyright © 2011-2022 走看看