swiper插件的使用
程序员文章站
2022-03-18 19:15:15
...
1、打开swiper中文官网地址: https://www.swiper.com.cn/
2、找到相应的css和js文件,并复制粘贴到需要使用的文件夹中。
3、引入swiper的css文件和js文件到页面中
4、创建引入自己的js文件
5、引入结构,注意不要更改类名,里面的内容可以更改 例如插入图片
6、引入样式
7、把js引入,放入自己新建的js文件中
(注意:如果想要页面加载完了之后再执行,可以在引入的js代码外面加上window.onload = function() {
....
}
8、注意:如果想要修改js或者css的样式,可以,通过查看修改
9、如果想要修改样式,可以将swiper里面的类名拿出来,直接加上样式,将其覆盖掉,注意考虑层级问题 加上!important
上一篇: 视图动画(补间动画+逐帧动画)
下一篇: swiper的基本使用