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

swipe.js 如何判断左滑右滑的

swipe.js是JavaScript编写的滑动特效插件,可以用于手机、平板等设备。那么,swipe.js 如何判断左滑右滑的?
工具/原料
1

swipe.js

2

JavaScript

3

HTML5

4

CSS3

5

HBuilderX

6

WPS

7

浏览器

8

截图工具

方法/步骤
1

双击打开HBuilderX工具,在Web项目中新建一个页面文件,打开文件并引入swipe相关的css文件和js文件

2

在标签中,插入几个div,分别设置对应的class属性和内容

3

添加style标签,利用元素选择器和类选择器,设置元素的样式

4

保存代码并运行文件,可以看到滑动图标,但是不能滑动

6

再次保存代码并刷新浏览器,点击左右图标,可以滑动并改变内容

总结

Swiper设置左右滑动 nextEl: .swiper-button-next, prevEl: .swiper-button-prev,END

注意事项
1

注意swipe.js 如何判断左滑右滑的

2

注意swipe.js插件的用法

推荐信息