欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

swiper插件的使用

程序员文章站 2022-03-18 19:15:15
...

1、打开swiper中文官网地址: https://www.swiper.com.cn/

2、找到相应的css和js文件,并复制粘贴到需要使用的文件夹中。swiper插件的使用swiper插件的使用swiper插件的使用swiper插件的使用swiper插件的使用swiper插件的使用

3、引入swiper的css文件和js文件到页面中

swiper插件的使用

4、创建引入自己的js文件

swiper插件的使用

5、引入结构,注意不要更改类名,里面的内容可以更改 例如插入图片

swiper插件的使用

6、引入样式

swiper插件的使用

7、把js引入,放入自己新建的js文件中

(注意:如果想要页面加载完了之后再执行,可以在引入的js代码外面加上window.onload = function() {

       ....

}

swiper插件的使用

8、注意:如果想要修改js或者css的样式,可以swiper插件的使用,通过查看修改

9、如果想要修改样式,可以将swiper里面的类名拿出来,直接加上样式,将其覆盖掉,注意考虑层级问题 加上!importantswiper插件的使用

相关标签: webapi