移动端网页特效：左右滑动开关 -凯发k8官方网

网上搜索“左右滑动开关”，结果有很多诸如：纯css3左右滑动开关按钮等。但事实上，这种按钮是click事件触发的。在手机网页上用这种组件，对于iphone用户，见多了很多这种滑动按钮，如果点击触发，会显得很不协调。

说白了，网上的这种按钮都是点击按钮而非滑动按钮。我们现在要找一个滑动事件来替代click事件，最先想到的是touch相关的事件，后来在wscschool上找到了

swipe事件：http://www.w3school.com.cn/jquerymobile/jquerymobile_events_touch.asp；。

这个凯发k8官方网的解决方案需要引入jquery mobile；需要注意引入这个js后产生一系列的添加样式。

代码：

至此，从点击的开关变成了滑动的开关。有点问题，其实只用到了jquery mobile中的

swipe事件，其他的并没有用到，有必要把这个事件单独取出来引用。这个后期考虑吧~

转载于:https://www.cnblogs.com/xiaochongchong/p/5524409.html

总结

以上是凯发k8官方网为你收集整理的移动端网页特效：左右滑动开关的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。