首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

十分实用的 jQuery 验证码

2012-12-20 
非常实用的 jQuery 验证码今天我向大家推荐的这款 jQuery 验证码,不仅仅 WordPress 可用,折腾折腾只要需要

非常实用的 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)文章,希望大家可以留言建议

热点排行