变金山打字小游戏戏打-() ()=()

来源：蜘蛛抓取(WebSpider) 时间：2015-07-23 07:31 标签： 打字小游戏
2346人阅读
从上面掉落字母键盘输入字母，正确通过，错误下一个字母知道错几个
写这个小游戏知道几个关键的东西
1、&onkeydown事件，当鼠标按下时
2、onclick事件，点击
3、var a=(Math.random()*500);&&
&&&&&& Math.random()随机产生0-1的小数
4、String.fromCharCode(65+(a*100)%26)
&&&&& 将数字转换成char类型的字母
5、event.keyCode
&&&&& 键盘按下的键对应的值
&&&& String.fromCharCode(event.keyCode)
6、setTimeout(&setHeight()&,20);
&&&& 每个多少毫米调用。。方法
只要知道这几个就差不多了，基本上的js小游戏就差不多了
----------------------下面是我的源码，里面有jquery，不过就用了选择器，方便嘛不用谢document.getElementById（），其他的没用-------------
&&&/title&
&&&&width:70
&&&&border:10px double
&&&&background:#eeeeee
&&&&background:#ff0000
&&&.gamediv1{
&&&&background:#
&&&&height:400
&&&&width:600
&&&&background-image:url(&2Q.jpg&);
&&&&background:#aa9900;
&&&&height:30
&&&&width:30
&&&&text-align:center
&&&/style&
&&script src=&jquery-1.4.2.js&&&/script&
&&$(document).ready(function(){
&&&$(&tr&).hover(
&&&& function () {
&&&&$(this).addClass(&tr1&);
&&&& function () {
&&&&$(this).removeClass(&tr1&);
&&&$(&td&).hover(
&&&& function () {
&&&&$(this).addClass(&td1&);
&&&& function () {
&&&&$(this).removeClass(&td1&);
&&function load(){
&&&&$(&#s&).fadeIn(&slow&);
&&function show(){
&&&$(&#s&).fadeIn(&slow&);
&&function out(){
&&&$(&#s&).fadeOut(&slow&);
&&var rightcount=0;
&&var errcount=0;
&&function startGame(){
&&&var c= createob();
&&&zimu=c;
&&&var a=(Math.random()*500);
&&&width=a;
&&&height=20;
&&&setHeight();
&&&//setTimeout(startGame,1000);
&&&//$(&#div1&).keydown=checkob(c);
&&function restartGame(){
&&&rightcount=0;
&&&errcount=0;
&&&var c= createob();
&&&zimu=c;
&&&var a=(Math.random()*500);
&&&width=a;
&&&height=20;
&&&setHeight();
&&&//setTimeout(startGame,1000);
&&&//$(&#div1&).keydown=checkob(c);
&&function createob(){
&&&var b='a';
&&&var a=Math.random();
&&&return String.fromCharCode(65+(a*100)%26);
&&function checkob(){
&&&if(zimu==String.fromCharCode(event.keyCode)){
&&&&$(&#div1&).attr(&innerHTML&,&&);
&&&&rightcount+=1;
&&&&startGame();
&&&&errcount+=1
&&&&startGame();
&&function setHeight(){
&&&var square=&&div class='box' STYLE='position:left:&+width+&top:&+height+&'&&+zimu+&&div&&;
&&&$(&#div1&).attr(&innerHTML&,square);
&&&height+=1;
&&&if(errcount&2){
&&&&&var square=&&div class='box' STYLE='position:left:&+200+&top:&+100+&font:italic normal bolder 19pt Arial'&&+&游戏结束答对：&+rightcount+&&div&&;
&&&&&$(&#div1&).attr(&innerHTML&,square);
&&&&if(height&=300){
&&&&setTimeout(&setHeight()&,20);
&&&&}else{
&&&&&startGame();
&&/script&
&&body onload=&load()& onkeydown=&checkob()&&
&&input type=&button& onclick=&show()& id=&show& value=&显示&/&
&&input type=&button& onclick=&out()& id=&out& value=&去除&/&
&&&table id=&s&&
&&&&&td&sdf&/td&
&&&&&td&asdf&/td&
&&&&&td&sdfa&/td&
&&&&&td&asdf&/td&
&&&&&td&asdf&/td&
&&&&&td&asdf&/td&
&&&&&td&asdgf&/td&
&&&&&td&1asdf&/td&
&&&&&td&asdf&/td&
&&&&&td&sdf&/td&
&&&&&td&sdf&/td&
&&&&&td&sadf&/td&
&&&&&td&asdf&/td&
&&&&&td&asdf&/td&
&&&&&td&asdf&/td&
&&&&&td&asdf&/td&
&&&/table&
&&input type=&button& onclick=&startGame()& id=&out2& value=&开始&/&
&&input type=&button& onclick=&restartGame()& id=&out3& value=&重新开始&/&
&&div id=&div1& class=&gamediv1& onkeydown=&checkob()&&
&&div id=&div2&&&/div&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：416474次
积分：5559
积分：5559
排名：第3986名
原创：148篇
转载：17篇
评论：128条
(2)(7)(6)(7)(3)(1)(1)(1)(1)(5)(9)(5)(2)(2)(4)(6)(1)(2)(2)(1)(2)(1)(2)(2)(3)(3)(11)(5)(8)(3)(5)(4)(9)(5)(1)(4)(2)(4)(3)(1)(3)(4)(10)(4)复制地址：
小游戏，大乐趣
1.按键操作
输入键盘的字母或标点符号进行打字
2.如何开始
游戏加载完毕后即可开始游戏。
3.游戏目标
测试一下自己打字速度如何吧！
7K7K网页游戏
7K7K儿童游戏
法律顾问：北京市诺恒律师事务所
京公网安备37
游戏作品版权归原作者享有，如无意之中侵犯了您的版权，请您按照来信告知，本网站将应您的要求删除。
7k7k小游戏温馨提示：适度游戏娱乐，沉迷游戏伤身，合理安排时间，享受快乐生活……
该游戏已收藏> 问题详情
汉字小游戏——按要求组字。 1．例：小十大=尖2．加一笔变成另一个字，看谁变得多！ 木—— 人——3．加两笔会变成什么字
悬赏：0&答案豆
提问人：匿名网友
发布时间：
汉字小游戏——按要求组字。1．例：小十大=尖&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&2．加一笔变成另一个字，看谁变得多！&&&木——&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&人——&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&3．加两笔会变成什么字？&&&力——&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&立——&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
我有更好的答案
请先输入下方的验证码查看最佳答案
图形验证：
验证码提交中……
享三项特权
享三项特权
享三项特权
选择支付方式：
支付宝付款
郑重提醒：支付后，系统自动为您完成注册
请使用微信扫码支付(元)
支付后，系统自动为您完成注册
遇到问题请联系在线客服QQ：
请您不要关闭此页面,支付完成后点击支付完成按钮
遇到问题请联系在线客服QQ：
恭喜您！升级VIP会员成功
常用邮箱：
用于找回密码
确认密码：

我要回帖

更多关于 打字小游戏 的文章

 

随机推荐