怎样用jquery生成带有倾斜角度的验证码


生成验证码,但是验证码里面每个字符都随机产生倾斜角度


封装一个对象来实现吧。配合css3实现。

var getVCode = {
    get: function(len, cbk) {
        var res = [];//包含随机字符的dom元素都在这里面
        for ( var i = 0; i < len; i++ ) {
            var char = this.randomChar();
            var wrapper = $("<span></span>");
            wrapper.text( char );
            res.push( wrapper );
        }
        if ( cbk ) {
            cbk( res );//如果有回调函数,执行回调函数
        } else {
            return res;//没有回调函数,则返回数组
        }
    },
    randomChar: function() {
        var char = String.fromCharCode( randomAsc() );//随机生成字符
        return char;
    },
    rotateChar: function( ele ) {
        ele.css("transform", "rotate(" + this.randomDeg() + "deg)");//给传入的元素设置随机倾斜角度
    },
    randomDeg: function() {
        return Math.round(Math.random*360);
    },
    randomAsc:function() {
        var number = "";
        //这里根据你的需求来写生成随机ascii码的代码
    }
}

调用get方法来操作:

new getVCode.get( 4, function( data ) {} );生成4个随机带倾斜的字符并用回调函数进行处理



相关阅读:
如何滑动页面,当元素出现在当前屏幕时,才执行动画
intell idea打开项目后卡住,界面一直白色,求拯救!
在前端工程化的趋势下,php还有必要去渲染视图层吗?
奇异的代码 之 PHP中的错误和异常
用ajax调取的图片url,图片是存在webroot/images/目录下,为什么图片不能及时加载?
kill命令如何一次杀死多个进程
求react 中使用fetch的demo
大类点击之后得到的列表用pagination 插件进行了ajax分页问题
关于正确理解javascript的同步,异步的执行,Event Loop事件循环,异步执行完如何通知主线程的demo
webpack 怎么引入semantic-ui?
Cordova做的APP里,希望点击按钮时的颜色变化更明显一些,以便更清楚地给用户提示,该怎么弄?
ipad调用UIActivityViewController时系统分享不能完全显示。
GitLab配置CAS认证,前端WEB正常. 但是做git clone等操作时报错如下
django 如何实现文章按时间归档啊
angularjs ng-bind的用法
为什么start = parseInt(spans[this.index].style.top);是undefined?
vue单页面能调到新的页面吗?
HTML 5输入框只能输入汉字、字母、数字、标点符号?正则如何写?
koa+mysql ,插入数据库数据成功,但是无法将数据返回给前台
laravel自带的users表不能被修改吗?



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 14年600字三年级小学作文守护甜心之冰雪复仇记 偷葡萄作文500字 “你是最棒的!”作文700字 北京不寻常的经历记社会实践调查经历 初中初二作文300字:我学会了滑滑板 如果另类是一条狗_以另类为话题的作文1200字 为梦想而前进 关于我的作文1200字 回忆童年作文600字 关于中秋的古诗句大全|关于中秋的古诗句大全作文素材 分享是一种幸福作文 七律.春姑娘画像(新韵) 我最敬佩的人(韩曰琪)作文300字 “鸭子”走路作文 永不凋零 观察豆子作文500 清明节扫墓有感作文400字 关于得失 妈妈的变脸术作文1100字 是一种力量作文 崇明之游作文300字 初中生英语演讲:如何成为输得起的人 九年级上班主任工作总结 人生只能做好一件事 2015广告策划书案例 我帮婆婆搬木板 如何放下你 美丽的柳州作文700字 XX年检察院工作总结 畅游云台山作文400字 姥姥语录 临水蔷薇 父母的意志侵袭 “走街串巷”的一天 描写香樟树的作文700字 恢复习作教学本来面目的“三个服务” 我家的君子兰作文100字 神秘之夜 夸夸我的家乡——大围山400字 工商局创先争优先进事迹材料 改变自己作文300字 骂老师的话 越毒越好精选 “鞋子”猫作文900字 那些年,我们一起经历的童年 坚持爱一个人好难 郁闷啊~~~ 多功能虫虫车作文 第十三章 合同 假如我是小精灵350字 大四入党思想汇报

Copyright © 2016 phpStudy |