JavaScript完成前端滑块验证效果（代码案例）

window.event; var point = e.clientX - box.offsetLeft; btn.onmousemove = function(e){ var moveW = e.clientX - box.offsetLeft - point; btn.style.left = moveW + "px"; bg.style.width = moveW + "px"; if(btn.offsetLeft<=0){ btn.style.left = "0"; } if(btn.offsetLeft>=(box.clientWidth - btn.clientWidth)){ btn.style.left = box.clientWidth - btn.clientWidth txt.innerHTML = "验证完成"; btn.onmousemove = null; btn.onmousedown = null; end = true; } } btn.onmouseup = function(){ btn.onmousemove = null; if(!end){ btn.style.left = "0"; bg.style.width = "0"; } } } }