如何快速上手swiper_前端知识_新闻_文汇918博天堂网站官方918博天堂手机客户端
4006063061 15628812133

如何快速上手swiper

前端知识   点击量:0次   2018-09-24 17:00

Swiper常用于pc端与移动端的轮播与tab切换,适用于918博天堂手机客户端的内容触摸滑动,通过使用swiper插件可大幅度的提升网页开发速度。

下面那就让我们看一下如何快速上手swiper。

第一步:

swiper的使用基于它的css、js,首先先要引用相应的文件

<link href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css" rel="stylesheet">

<script src="https://cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>

第二步:

将html内容复制到自己的页面中,根据自己的页面结构与swiper的html内容进行调整。

 图片1.png

图片2.png 

第三步:

初始化swiper,将以下代码放到页面中。

图片3.png

这样swiper插件就应用成功了,最后可通过参考swiper api文档的方法、函数,将自己的swiper效果给丰富起来。

 


< 返回列表

相关案例更多

其他资料更多

扫描二维码关注我们:918博天堂网站918博天堂网站有限公司
确 认
<友情连结> 济南918博天堂手机客户端建设918博天堂手机客户端公司/ 济南行知信息科技有限公司/ 济南搜到网络科技有限公司/ 中国华文教育网-广西华侨学校/ 广西华侨学校/