![](https://i-blog.csdnimg.cn/blog_migrate/ccf21b46cc93a3e0facbcef80f844cbf.png)
![](https://i-blog.csdnimg.cn/blog_migrate/532543b3f3ed976fa93efcdd2c1a58ec.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3f210a4da360ead45e74d7e9d9d82357.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f8e9783d3f23e5f6e3f1846289a070e3.png)
![](https://i-blog.csdnimg.cn/blog_migrate/948d15f62ca1e5c8a647f6c1e9e53198.png)
<body>
<div class="container">
<h1>高仿淘宝拖动验证码插件</h1>
<form method="post" action="service.aspx">
<fieldset>
<label>姓名</label> <input type="text" name="username" />
<div class="clr"></div>
<div id="QapTcha" class="QapTcha"></div>
<input type="submit" name="submit" value="提交表单" />
</fieldset>
</form>
</div>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/jquery-ui.js"></script>
<script type="text/javascript" src="jquery/jquery.ui.touch.js"></script>
<script type="text/javascript" src="jquery/QapTcha.jquery_taobao.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.QapTcha').QapTcha({ disabledSubmit: true,autoSubmit:false, autoRevert: true, txtLock: "请按住滑块,拖动到最右侧", txtUnlock: '验证通过', PHPfile: 'service.aspx' });
});
</script>
</body>