多语言展示
当前在线:500今日阅读:23今日分享:31

swiper插件怎么用

Swiper是纯javascript打造的滑动特效插件,专用于手机、平板等移动终端,能够实现图片轮换、Tabs切换。那么,swiper插件怎么用呢?
工具/原料
1

swiper

2

jquery

3

zepto

4

JavaScript

5

截图工具

6

HTML5

7

HBuilderX

方法/步骤
1

打开HBuilderX开发工具,创建一个Web项目,并将swiper插件对应的CSS和JavaScript文件拷贝到项目中

2

新建一个静态页面,然后将swiper插件的文件引入到页面中

3

接着在标签中,插入多个div标签并设置class属性

4

利用类选择器和伪类选择器nth-child,设置几个div标签的样式

5

调用jquery初始化函数,对swiper插件进行初始化,设置autoplay属性

6

保存代码并运行项目,打开浏览器查看界面效果

总结

1、复制文件到项目2、拷贝到静态页面3、插入到标签元素4、初始化Swiper5、保存代码并查看END

注意事项
1

注意swiper插件的使用方法

2

注意swiper、jquery和zepto结合起来使用

推荐信息