私人领地

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

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>
复制代码

 

posted @   狂奔的蜗牛Snails  阅读(1337)  评论(0编辑  收藏  举报
编辑推荐:
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
阅读排行:
· DeepSeek智能编程
· 精选4款基于.NET开源、功能强大的通讯调试工具
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
点击右上角即可分享
微信分享提示