码迷,mamicode.com
首页 > 其他好文 > 详细

swiper 增加同页面增加2个滚动

时间:2015-07-21 10:21:37      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:

js代码

<script type="text/javascript">

  var mySwiper = new Swiper(.slide_a,{
    noSwiping : true,

  });


 var slide_b = new Swiper(.slide_b,{

    autoplay : 1000,
    effect : cube,

  });

</script>

css代码

<div class="swiper-container slide_a">
  <div class="swiper-wrapper">
      <!--第一屏-->
    <div class="swiper-slide swiper-no-swiping">
        <div class="header">
            <div class="header-cen"><h3>标题试下</h3></div>
            <div class="content">
                <!--广告滚动-->
                <div class="slide_b">
                    <div class="swiper-wrapper">
                       <div class="swiper-slide">1</div>
                     <div class="swiper-slide">2</div>
                     <div class="swiper-slide">3</div>
                    </div>
                </div>
                <!--End-->
            </div>
        </div>
    </div>
    <!--第二屏-->
    <div class="swiper-slide red-slide ">slider2</div>
    <!--第三屏-->
    <div class="swiper-slide orange-slide">slider3</div>
    <!--屏幕结束-->
  </div>
</div>

 

swiper 增加同页面增加2个滚动

标签:

原文地址:http://www.cnblogs.com/wesky/p/4663549.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!