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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· DeepSeek智能编程
· 精选4款基于.NET开源、功能强大的通讯调试工具
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?