摘要: var startX,startY,endX,endY;var scrollTopVal=0; //上下滑动请自行修改//假定接受手指触摸事件的Dom对象id是"HealCon"document.getElementById("HealCon").addEventListener("touchsta 阅读全文
posted @ 2020-08-26 00:26 紫韵丶聆风 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 原理: 当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY; 当触发touchmove事件时,在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后,通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。 具体代码如下: 1 2 3 4 阅读全文
posted @ 2020-08-26 00:25 紫韵丶聆风 阅读(476) 评论(0) 推荐(0) 编辑
摘要: 移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 阅读全文
posted @ 2020-08-26 00:21 紫韵丶聆风 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 转:http://www.xiongge.club/744.html My97DatePicker是一个非常优秀的日历插件,不仅支持多种调用模式,还支持日期范围限制。 常规的调用比较简单,如下所示: 1 <input class="Wdate" id="d1" onclick="WdatePicke 阅读全文
posted @ 2017-03-02 15:38 紫韵丶聆风 阅读(190) 评论(0) 推荐(1) 编辑
摘要: 一、单行内容的居中 设置height与line-height相等,overflow:hidden即可。 .demo { height: 20px; line-height: 20px; overflow: hidden; } 注:若不使用overflow:hidden,在浏览器页面缩放时会出现问题。 阅读全文
posted @ 2017-02-28 10:14 紫韵丶聆风 阅读(178) 评论(0) 推荐(1) 编辑