仿照淘宝的jquery拖动验证
模仿淘宝的jquery拖动验证
效果体验:http://hovertree.com/texiao/jquery/44/
代码如下:
<!DOCTYPE html> <html> <head> <title>拖动验证jquery插件 - 何问起</title><base target="_blank" /> <meta charset="utf-8" /> <link href="http://hovertree.com/texiao/jquery/44/drag.css" rel="stylesheet" type="text/css" /> <script src="http://hovertree.com/ziyuan/jquery/jquery-1.12.1.min.js" type="text/javascript"></script> <script src="http://hovertree.com/texiao/jquery/44/drag.js" type="text/javascript"></script> </head> <body> <div id="drag"></div> <div style="text-align:center;margin-top:100px;"><a href="http://hovertree.com/h/bjaf/4b0prpjw.htm">代码</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a></div> <script type="text/javascript"> $('#drag').drag(); </script> </body> </html>
更多特效:http://ini.iteye.com/blog/2165698