非常实用的 jQuery验证码
今天我向大家推荐的这款 jQuery 验证码,不仅仅 WordPress 可用,折腾折腾只要需要验证码的地方都可以安放。比如 WordPress 这样使用:1、下载:jQuery.buttonCaptcha;
2、保存 jquery.buttonCaptcha.js,jquery.buttonCaptcha.styles.css 和 'images' 文件夹到 WordPress 主题某一路径下。记住,所有关于 buttonCaptcha 文件必须保存在同一目录,如果没有那么你就需要编辑 .css 文件;
3、将下面代码放到 <body> 里面:
/*如果没有 jQuery 文件请自行到官网下载*/
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-ui-1.8.12.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/js/buttonCaptcha/jquery.buttonCaptcha.styles.css" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/buttonCaptcha/jquery.buttonCaptcha.min.js"></script>
/*具体设置显示参数可以参考 jquery.buttonCaptcha.js 文件*/
<script type="text/javascript">
$(function(){
$("#submit").buttonCaptcha({//#submit请修改为你评论提交按钮的ID
codeWord:'H',
codeZone:'aozer',
captchaHeader:'你是 Robot 吗?// Are you a robot?',
captchaTip:'拖动左边的字母到右边,直到出现 "%code_word%"。谢谢!<br>Drag letters from left to right, to get word "H". Thanks!',
captchaUnlocked:'已解锁!// Unlocked!'
});
});
</script>
就这样,具体演示就看文章后面评论下面的验证码吧,再改改还可以用到其它地方哦!
补充:web前端 , JavaScript ,