本文实例为大家分享了java实现滑动验证解锁的具体代码,供大家参考,具体内容如下
1.html:
请拖动滑块解锁
>>
/* 滑动验证码 */
var successRand = '';
//一、定义一个获取DOM元素的方法
var
box = document.querySelector(".drag"),//容器
bg = document.querySelector(".bg"),//背景
text = document.querySelector(".text"),//文字
btn = document.querySelector(".dragBtn"),//滑块
success = false,//是否通过验证的标志
distance = box.offsetWidth - btn.offsetWidth;//滑动成功的宽度(距离)
//二、给滑块注册鼠标按下事件
btn.onmousedown = function(e){
//1.鼠标按下之前必须清除掉后面设置的过渡属性
btn.style.transiti