js实现拖动滑块验证

介绍一个比较6的网站:Element.setPointerCapture() - Web API 接口参考 | MDN

里面用到的setPointerCapture,getBoundingClientRect方法都是这个网站里面有的

(看看效果图,动态图我不知道怎么搞,简单来说就是没拉到底部会退回初始的地方,到达了底部就会变成那个有√的图片)

js实现拖动滑块验证_第1张图片





    
    
    
    滑动
    



    

js实现拖动滑块验证_第2张图片

 js实现拖动滑块验证_第3张图片

你可能感兴趣的:(javascript,css,html)