非常实用的 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>
就这样,具体演示就看文章后面评论下面的验证码吧,再改改还可以用到其它地方哦!
站长行业门户(www.software8.co)文章,希望大家可以留言建议