您的位置:首页 - 教程 - 网页特效 - 正文
不用验证码,拖动滑块实现验证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>

评论: