![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
swiper
hu_Time
这个作者很懒,什么都没留下…
展开
-
swiper滚动条
html:<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> test1 </div> </div> <div class="swiper-...原创 2019-10-26 14:53:00 · 819 阅读 · 0 评论 -
swiper分页器样式
html:<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> test1 </div> </div> <div clas...原创 2019-10-26 14:50:29 · 1539 阅读 · 0 评论 -
swiper网格布局
需要引用:使用前需要引用swiper.css文件以及swiper.js文件html: <!-- 选项列表 --> <div class="lie-list"> <div class="swiper-container"> <div class="swiper-wrapper"> ...原创 2019-10-26 14:37:08 · 1851 阅读 · 2 评论 -
swiper实现tab栏切换
作者:hu_time描述:运用swiper进行实现的一个tab栏点击以及滑动切换效果需要的包jqueryswiper4.5.0.jsswiper.cssjquery官网swiper.js包以及css包下载地址下载地址html:<!-- 点击按钮 --><div class="tab"> <div class="tabItem active...原创 2019-09-25 09:31:15 · 1720 阅读 · 0 评论 -
swiper轮播图自动轮播失效问题
swiper轮播图设置自动轮播之后如果手动滑动之后,就不会再自动轮播了解决方法:var swiper = new Swiper(' .swiper-container', { pagination: { el: '.swiper-pagination', }, loop: true, autoplay:true, auto...原创 2019-10-24 11:23:25 · 6878 阅读 · 0 评论