盛世龙图项目总结
事件总结
.resize() 当浏览器窗口变化时 swiper的个数发生变化总结 把swiper的js挨个修改
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | $( function () { createSwiper(); $(window).resize( function () { createSwiper() }); }); function createSwiper() { var ww = $(window).width(); // 关于我们 公司荣誉 轮播 开始 if (ww <= 480) { var honor = new Swiper( '.c-honor .swiper-container' , { slidesPerView: 2, slidesPerColumn: 2, paginationClickable: true , spaceBetween: 10, nextButton: '.swiper-button-next-honor' , prevButton: '.swiper-button-prev-honor' , }); } else if (ww <= 768) { var honor = new Swiper( '.c-honor .swiper-container' , { slidesPerView: 3, slidesPerColumn: 2, paginationClickable: true , spaceBetween: 20, nextButton: '.swiper-button-next-honor' , prevButton: '.swiper-button-prev-honor' , }); } else { var honor = new Swiper( '.c-honor .swiper-container' , { slidesPerView: 4, slidesPerColumn: 2, paginationClickable: true , spaceBetween: 30, nextButton: '.swiper-button-next-honor' , prevButton: '.swiper-button-prev-honor' , }); } |
swiper总结
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步