表单/表格
verify - 图像滑动验证码jQuery插件
PetitQ
verify.js 是一款功能强大的 jquery 验证码插件。verify.js 可以实现普通的图形验证码，数字验证码，滑动验证码和点选验证码等多种验证码功能。
使用方法
在页面中引入 verify.css 和 jquery、verify.js。
也想出现在这里？联系我们吧
<link rel="stylesheet" href="css/verify.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/verify.js"></script>
HTML 结构
使用一个<div>来作为验证码的 HTML 结构：
<div id="mpanel" ></div>
初始化插件
各种类型的验证码的初始化方法有所差异，例如滑动验证码的初始化方法如下：
$('#mpanel4').slideVerify({
type : 2, //类型
vOffset : 5, //误差量，根据需求自行调整
vSpace : 5, //间隔
imgName : ['1.jpg', '2.jpg'],
imgSize : {
width: '400px',
height: '200px',
},
blockSize : {
width: '40px',
height: '40px',
},
barSize : {
width : '400px',
height : '40px',
},
ready : function() {
},
success : function() {
alert('验证成功，添加你自己的代码！');
//......后续操作},
error : function() {
// alert('验证失败！');}});
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
