Swiper用法说明:

Swiper是很好用的前端的轮播库,下面是给刚了解的这个库的小伙伴们一些用法说明:

  • 刚打开这个网站,顶部有“中文教程--Swiper使用方法”,点进去看;
  • 也有英文网在右边,喜欢用英语看的小伙伴可以去看;

  • 要用这个库,肯定要下载下来啦,在使用方法中有:“Swiper文件”/“CDN”,可以使用这两种方式下载;

  • 选择一个版本下载,点击相应的版本就可以下载了;

  • 也可以在这个“在线演示”这里看,里面有很多效果,看你自己想要哪一个;

  • 选好了,在这个右上角“在新窗口打开”点击打开,然后右击选择“查看网页源代码”看代码;

  • 如果你找到了功能代码在那里,但是看不懂代码的含义或者不知道哪一个是你具体要找的代码,可以将关键字复制,在API文档去查找,里面有很多功能的介绍和用法; 
  • 就比如说不知道pagination是什么意思,就直接在API文档里搜,ctrl+f打开浏览器的搜索功能,搜索这个词,就会出来它的位置;


swiper引入到html中: 

Swiper使用方法 - Swiper中文网

然后按照链接里面的步骤开始操作:

dom结构要像文档上的一样;

class名称也要一样;

 

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部