Swiper常用于pc端与移动端的轮播与tab切换,适用于网站的内容触摸滑动,通过使用swiper插件可大幅度的提升网页开发速度。
下面那就让我们看一下如何快速上手swiper。
第一步:
swiper的使用基于它的css、js,首先先要引用相应的文件
第二步:
将html内容复制到自己的页面中,根据自己的页面结构与swiper的html内容进行调整。
第三步:
初始化swiper,将以下代码放到页面中。
这样swiper插件就应用成功了,最后可通过参考swiper api文档的方法、函数,将自己的swiper效果给丰富起来。
上一篇: 在前端制作中,phpcms文章如何调用
下一篇: 在前端开发中,移动端a无法跳转链接的原因