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插件的用法
下一篇:离职了怎么在工作群跟同事告别