模仿淘宝的jquery拖动验证

效果体验:http://hovertree.com/texiao/jquery/44/

代码如下:

Html代码  模仿淘宝的jquery拖动验证
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <title>拖动验证jquery插件 - 何问起</title><base target="_blank" />  
  5. <meta charset="utf-8" />  
  6. <link href="http://hovertree.com/texiao/jquery/44/drag.css" rel="stylesheet" type="text/css" />  
  7. <script src="http://hovertree.com/ziyuan/jquery/jquery-1.12.1.min.js" type="text/javascript"></script>  
  8. <script src="http://hovertree.com/texiao/jquery/44/drag.js" type="text/javascript"></script>  
  9. </head>  
  10. <body>  
  11. <div id="drag"></div>  
  12.   
  13. <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>  
  14.   
  15. <script type="text/javascript">  
  16. $('#drag').drag();  
  17. </script>  
  18. </body>  
  19. </html>  

相关推荐