效果体验: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