有些app或网站的验证方式是用鼠标把滑块从左拉到右,有的是有个拼图,把一个图块拉到对应位置拼好,这两种验证码是怎么做的?
简单说就是onmousedown onmousemove onmouseup 这三个方法的联合 你自己找一个带这种功能的源码看看吧 简单几句也说不清楚
<!DOCTYPE html> <html> <head> <title>test</title> <link rel="stylesheet" href="http://www.jq22.com/demo/jquerytdyz201801252357/css/slider.css"> <script type="text/javascript" src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> </head> <body> <div id="sliderLock"></div> <script type="text/javascript" src="http://www.jq22.com/demo/jquerytdyz201801252357/js/slider.js"></script> <script> new SliderLock("#sliderLock",function(){ alert("验证成功"); }).init(); </script> </body> </html>
实现思路其实很简单:鼠标拖动图片,释放鼠标后检测图片位置是不是和缺少的位置一样
canvas实现的滑块验证码https://github.com/utali/slid...
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(4)
简单说就是onmousedown onmousemove onmouseup 这三个方法的联合 你自己找一个带这种功能的源码看看吧 简单几句也说不清楚
实现思路其实很简单:鼠标拖动图片,释放鼠标后检测图片位置是不是和缺少的位置一样
canvas实现的滑块验证码https://github.com/utali/slid...