数字谐音记忆编码连连看网页应用

<!DOCTYPE html>
<HTML><HEAD>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<TITLE>数字谐音记忆编码连连看</TITLE><STYLE TYPE="TEXT/CSS">@keyframes changecolor{from{background:#FF9999;}to{background:#CCCCCC;}
}body{background-color:#CCCCCC;margin:0px;padding:0px;text-align:center;font-family:"微软雅黑","黑体",Arial;animation:changecolor 5s;}.palace{background-color:#EEEEEE;width:30%;height:100px;display:inline-block;margin-left:auto;margin-right:auto;margin-top:10px;border-radius:10px;color:#555555;font-size:25px;line-height:100px;overflow:hidden;visibility:visible;
}
#information{width:100%;min-height:50px;padding-top:20px;padding-bottom:10px;background-color:#AAAAAA;color:#FFFFFF;font-size:20px;
}
#console{position:absolute;background-color:#AAAAAA;width:100%;height:50px;margin:0px;padding:0px;bottom:0px;padding-top:20px;color:#EEEEEE;
}</STYLE><SCRIPT TYPE="TEXT/JAVASCRIPT">numberCode=['','灵药','铃儿','灵珊','零食','领舞','领路','令旗','淋巴','菱角','衣领','一一','婴儿','医生','钥匙','鹦鹉','衣篓','仪器','篱笆','研究','爱玲','鳄鱼','窝窝','耳塞','暗室','二胡','河流','耳机','耳巴','阿胶','三菱','生意','上颚','沙僧','绅士','珊瑚','山鹿','山鸡','三八','三角','司令','司仪','饲鹅','死神','石狮','师傅','石榴','司机','丝瓜','死狗','武林','狐妖','木耳','武僧','巫师','木屋','蜗牛','武器','苦瓜','苦酒','榴莲','绿蚁','牛耳','硫酸','螺丝','锣鼓','溜溜','楼梯','牛蛙','辣椒','麒麟','奇异','企鹅','青山','骑师','前卫','犀牛','机器','西瓜','气球','巴黎','白蚁','叭儿','花生','巴士','白虎','八路','白旗','粑粑','芭蕉','精灵','球衣','球儿','救生','救世','酒壶','酒楼','手机','酒吧','舅舅','玲玲','桉树','冰糖','磁铁','蛋卷','饵料','烽火','葛藤','黑板','艾草','卷轴','葵花','骆驼','马蜂','奶油','藕塘','蟠桃','荞麦','鞣酸','蒜薹','天牛','铀矿','围裙','豌豆','雄黄','烟斗'];function $(id){return document.getElementById(id);
}var score=0;
var totalScore=0;
var numberGroup=0;var contents=new Array();
var randomizedContents=new Array();var pickedPalace=new Array();//每次按顺序分组取出4个数字和4个对应词语使用
function placeNumbers(){for(var i=1;i<=4;i++){var numberIndex=numberGroup*4+i;//创建一个对象存储宫殿单元类型和内容var cellObject0=new Object();cellObject0.kind="number";cellObject0.value=numberIndex;contents.push(cellObject0);//存储编码对象var cellObject1=new Object();cellObject1.kind="word";cellObject1.value=numberIndex;contents.push(cellObject1);}//合并两种类型的单元内容到一个数组中var cellObjectExtra=new Object();cellObjectExtra.kind="number";cellObjectExtra.value=numberGroup*4+5;contents.push(cellObjectExtra);}
placeNumbers();//打乱数字和词语的顺序
function randomizeContents(){var countOfContents=contents.length;while(countOfContents>0){var splicePosition=Math.floor(countOfContents*Math.random());var temporaryObject=contents[splicePosition];//注意，splice数组中对象会导致对象释放！所以获取对象要在其之前进行。contents.splice(splicePosition,1);randomizedContents.push(temporaryObject);   countOfContents=contents.length;   }//添加一个空对象到数组头部方便数字和位置对应计算var cellObjectNull=new Object();cellObjectNull.kind="number";cellObjectNull.value=0;randomizedContents.splice(0,0,cellObjectNull);}
randomizeContents();//显示数字和词语到各个宫中
function showContents(){for(var i=1;i<=9;i++){//根据对象的种类显示相应内容到宫中switch(randomizedContents[i].kind){case "number":$("palace"+i).innerHTML=randomizedContents[i].value;break;case "word":var word=numberCode[randomizedContents[i].value];$("palace"+i).innerHTML=word;break;     }$("palace"+i).style.visibility="visible";$("palace"+i).style.backgroundColor="#EEEEEE";if(randomizedContents[i].kind=="number"&&randomizedContents[i].value<10){$("palace"+i).innerHTML="0"+randomizedContents[i].value;         }}
}
showContents();//点选各宫判断是否数字和词语是否匹配，过关重设
function action(id){if(pickedPalace.length==0){pickedPalace.push(id);}else{if(id!=pickedPalace[0]){pickedPalace.push(id);}}$("palace"+id).style.backgroundColor="#FF9999"; if(pickedPalace.length==2){   var matched=false;pickedValue0=randomizedContents[pickedPalace[0]].value;pickedValue1=randomizedContents[pickedPalace[1]].value;//比较所选两宫是否匹配if(pickedValue0==pickedValue1){matched=true;}//如果所选两宫相匹配则消除if(matched){score++;totalScore++;$("information").innerHTML="总得分<br/>"+totalScore;$("palace"+pickedPalace[0]).style.visibility="hidden";$("palace"+pickedPalace[1]).style.visibility="hidden";pickedPalace=new Array();}else{totalScore--;$("information").innerHTML="总得分<br/>"+totalScore;$("palace"+pickedPalace[0]).style.backgroundColor="#EEEEEE";$("palace"+id).style.backgroundColor="#EEEEEE";pickedPalace.pop();pickedPalace.pop();}}//进入下一关if(score==4){if(numberGroup<30){numberGroup++;}else{$("information").innerHTML="大功告成";numberGroup=0;totalScore=0;}score=0;pickedPalace=new Array();contents=new Array();randomizedContents=new Array();placeNumbers();randomizeContents();showContents();}}</SCRIPT></HEAD><BODY οnlοad="showContents();"><div id="information">易千忆学堂</div><div id="palace1" class="palace" οnclick="action(1)">1</div><div id="palace2" class="palace" οnclick="action(2)">2</div><div id="palace3" class="palace" οnclick="action(3)">3</div><div id="palace4" class="palace" οnclick="action(4)">4</div><div id="palace5" class="palace" οnclick="action(5)">5</div><div id="palace6" class="palace" οnclick="action(6)">6</div><div id="palace7" class="palace" οnclick="action(7)">7</div><div id="palace8" class="palace" οnclick="action(8)">8</div><div id="palace9" class="palace" οnclick="action(9)">9</div><div id="console">亿忆亦一易</div></BODY></HTML>

数字谐音记忆编码连连看网页应用相关推荐

开发右脑，数字桩记忆扑克牌训练教程
本教程提供完整.系统的训练方法,只要按照这个训练方法去做,每天训练2个小时,只需训练一个月,大部分人都能够在3分钟之内记住一副扑克牌. 通过记忆扑克牌训练,我们的联想能力得到大幅度的提高,我们对编码法 ...
关于人们感知与数字视音频编码的关系入门-视觉篇01.
众所周知,视音频的数字化是为惹方便人们更好地记录视听而被人们所折腾出来的一门技术.既然主要是为惹人们而服务的,在我们的探究过程中就水到渠成地首先偏向于贴合人们所设计惹.本文主要是从生理角度上浅谈一下人 ...
计算机英语词汇谐音记忆,英语单词的谐音记忆法
英语单词的谐音记忆法谐音法就是利用英语单词的发音的谐音进行记忆的方法.由于英语是拼音文字,看到一个单词可以很容易地猜到它的发音;听到一个单词的发音也可以很容易地想到它的拼写.所以,如果谐音法使用得当 ...
eclipse 是用来写客户端的，MyEclipse 是用来写服务器端的，谐音记忆法，My 买，买服务器这样就好记了。
总是记不住,现在只记一句话 "eclipse 是用来写客户端的,MyEclipse 是用来写服务器端的",谐音记忆法,My 买,买服务器这样就好记了.
deficit记忆_一万单词谐音记忆
资料收集于网络,如有侵权请联系网站删除只供学习与交流一万单词谐音记忆,趣味英语 [海胃]海胃吃了大量的食物后,沉甸甸的 hoarse a.( 嗓子 ) 嘶哑的 [嚎嘶]嚎嘶的嗓子嘶哑的 hoi ...
用计算机弹123我爱你数字,数字谐音
数字谐音是从网络聊天中产生,用数字代替词语的交流方式.数字释义:0--代表圆满.完美.无尽:1--代表唯一.你 . 起点:2--代表爱.两人世界:3--代表想念.生命.生活:4--代表是的.时时:5- ...
设计科目类Subject，其类的实例表示大学课程科目。一门课程包含课程名（String）、课程编码（code）为六位字符串，前三位字符为字母代表学科领域，后三位字符为数字，课程编码是唯一的。
求大神帮忙写一个变成带注释的我实在是没整明白!! 救救孩子吧孩子可着急了! 设计科目类Subject,其类的实例表示大学课程科目.一门课程包含课程名(String).课程编码(code)为六位字 ...
ML之kmeans：通过数据预处理(分布图箱线图热图/文本转数字/构造特征/编码/PCA)利用kmeans实现汽车产品聚类分析(SSE-平均轮廓系数图/聚类三维图/雷达图/饼图柱形图)/竞品分析之详细
ML之kmeans:通过数据预处理(分布图箱线图热图/文本转数字/构造特征/编码/PCA)利用kmeans实现汽车产品聚类分析(SSE-平均轮廓系数图/聚类三维图/雷达图/饼图柱形图)/竞品分析之详细 ...
java中处理字符编码（网页与数据库）(转)
首先声明一下,此文章时从网上转载的.如下的某些方法是确实管用,但是从中发现了有一点不足,就是原文笔者没考虑使用不同Web Server时出现的情况,比如文章里我用红色字体画出来的部分代码在Tomcat ...
反斜杠加3个数字是什么编码？JAVA转义序列、转义字符汇总。
例如:\345\244\247\345\256\266\345\245\275\343\200\202 对应汉字是"大家好." //将"大家好." 转成反斜杠加 ...

数字谐音记忆编码连连看网页应用

数字谐音记忆编码连连看网页应用相关推荐

最新文章

热门文章