![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
swiper
ansheng02
不会设计的前端不是好的摄影师
展开
-
swiper组件实现tab——内容切换、动态数据请求、加载
swiper是一个很好用的插件,免费、开源,关于轮播、切换、分页、动画效果等等。官网上给的源码案例,嗯,很基础,太基础了,哈~幸好文档还算OK,如果实现更好的具有设计感的页面,还是很好的。 之前在网上看过一个淘宝案例的源码,通过滑动地球来变换商品,额…代码理解并不难,但有设计感。跑题了,这个之后再详细解读,今儿要说的是,使用swiper实现tab切换,并让每一个内容模块都可以动态请求加载...原创 2019-03-31 16:57:04 · 7888 阅读 · 0 评论 -
swiper的轮播速度超快速,分页器不可用???——已解决
swiper的版本不同,造成在使用中的注意点,官网最新的swiper4.0和swiper3.0在分页器和自动播放上有差别(这是目前我遇到的,差点要放弃,还是不死心的查了下官网)。 在这里还是放自己之前的一篇博客,这里有讲到版本差别,也可以看官网给的解释:https://www.swiper.com.cn/api/index.html。 具体在代码中,表现如下: var swiper2...原创 2019-04-14 13:56:50 · 3341 阅读 · 1 评论 -
swiper做宣传画册——swiper动画
swiper做动画效果进行翻页,主要用于宣传推广,其实网上有很多这样的平台,像易企秀、兔展等……具体效果图如下: 这个效果即将被替换,所以,先做个记录吧。 该效果的实现主要使用了swiper插件,先引入关于swiper的几个文件: //这个是swiper的css文件 <link href="css/swiperAnimate/swiper.min.css" rel="styles...原创 2019-04-27 10:08:03 · 896 阅读 · 0 评论