模仿淘宝的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

你可能感兴趣的:(JavaScript,html,jquery,Web,css)