记忆小游戏HTML网页版
5秒钟的记忆时间,neednum).toString();if(finscore=0){alert(零蛋!唉...怎么说你好呢~); removeall();}else{alert(综合得分:+finscore);}//重置removeall();}}else{//错误个数+1wrongnum++;document.getElementById(warning).src=warning.mp3;document.getElementById(wrongnum).innerHTML=wrongnum.toString();//alert(哎呦喂~点错啦亲!=_=);eimg.src=s0+cry.png;//标记 }}//init end//==============================================================================================================================================/script/body/html ,点击开始格子里面会显示随机生成的三种颜色的钻石,1000);var t2=setInterval(function(){if(timetxt.innerText0){timetxt.innerText=0;clearInterval(t1);clearInterval(t2);clear()}},index1+1);//随机生成游戏区的钻石for(var d=1;d=16;d++){var dd=d;var str=dd.toString();var tempimg=document.getElementById(diamond+str);diaArray[d]=Math.floor(Math.random()*10%3);tempimg.src=s0+imgName[diaArray[d]];switch(diaArray[d]){case 0:rednum++;break;case 1:greennum++;break;case 2:purplenum++;break;default:alert(error);}}function clear(){//开始计时//var t3=setInterval(usedtime++。
purple.png);var imgName2 = new Array(red2.png,开发平台Dreamweaver,green2.png,green.png。
最后是根据所用时间和正确率成绩结算的一个小算法,1000);//可以点了ready=true;//揭开要消除的颜色targetcolornum = Math.floor(Math.random()*10%3);img.src=s0+imgName2[targetcolornum];//确定需要消除的颜色的数量switch(targetcolornum){case 0:neednum=rednum;break;case 1:neednum=greennum;break;case 2:neednum=purplenum;break;default:alert(error);}//隐藏钻石for(var d=1;d=16;d++){var dd=d;var str=dd.toString();var tempimg=document.getElementById(diamond+str);tempimg.src=s0+whatbig.png;}}}//计算综合得分function score(wrongNum,neednum){var first=Math.floor(neednum/3);if(wrongnum=first){return 100-(wrongNum*5+usedTime);}else{return 100-(wrongNum*10+usedTime);}}//处理玩家操作响应function deal(obj){if(!ready){return;}var eimg = document.getElementById(obj.id);var ID=obj.id;var theid=ID.slice(7);//点击的钻石的编号下标if(diaArray[theid]==targetcolornum.toString())//如果点击的是需要消除的{//播放声音document.getElementById(voice).src=voice.mp3;eimg.src=s0+imgName[targetcolornum];//显示--neednum;//已经全部选中if(neednum=0){ready=false;//document.getElementById(counttime).innerHTML=0;if(wrongnum==0){alert(哇偶好厉害全部选对!^_^+br+用时+usedtime+秒!);}else if(wrongnum3){alert(... ... 你终于全部选粗来了!+用时+usedtime+秒!);}else{alert(恭喜全部选粗来了!+用时+usedtime+秒!);}var finscore=score(wrongnum,同时上面显示需要找的钻石颜色,1000);document.getElementById(timetxt).innerHTML=已用时间:;var counttime=document.getElementById(countTime);var usedt=0;var t3=setInterval(function(){usedt++;usedtime=usedt;counttime.innerHTML=usedt.toString();},很简单供初学者参考,10);//初始化游戏区var img = document.getElementById(00);var s=img.src;var index1=s.lastIndexOf(/);s0=s.slice(0,60)/script/headbody bgcolor=#00FFFF!--背景音乐--audio id=bg src=http://www.it165.net/DWeb/html/201609/ autoplay/audio!--钻石声音--audio id=voice src=http://www.it165.net/DWeb/html/201609/ autoplay/audio!--警告声音--audio id=warning src=http://www.it165.net/DWeb/html/201609/ autoplay/audiodiv id=myscreen style= border:#609 double 5px; margin:0px; padding:0px; background:url(bg.jpg) no-repeat 0 0; height:700px; width:900px; position:absolute; left:150px;divh3 style=color:#00F; float:center要消除的方块 :/h3table width=200 border=2 bgcolor=#FFFF00 cellspacing=3 cellpadding=3 trtdimg id=00 src=http://www.it165.net/DWeb/html/201609/what.png style=margin:0px;/td /tr/tablefont color=#00FFFF商城积分:/fontfont color=#6600FF id=score0/fonta href=http://www.it165.net/DWeb/html/201609/../index.htmlfont color=#FF3399 size=+1去商城/font/afont id=timetxt style= font-size:20px; color:#00F倒计时:/fontfont id=countTime style= font-size:34px; color:#F000/fontfont style= font-size:14px; color:#F00误点个数:/fontfont id=wrongnum style= font-size:24px; color:#00F0/font!--游戏表格区--table width=410 height=410 bgcolor=#FFFF66 border=2 cellspacing=3 cellpadding=3 trtdimg class=daimond id=diamond1 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond2 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond3 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond4 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/td /tr trtdimg class=daimond id=diamond5 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond6 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond7 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond8 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/td /tr trtdimg class=daimond id=diamond9 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond10 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond11 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond12 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/td /tr trtdimg class=daimond id=diamond13 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond14 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond15 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/tdtdimg class=daimond id=diamond16 src=http://www.it165.net/DWeb/html/201609/focus.png onClick=deal(this)/td /tr/tablebutton onClick=init() style= background:url(start.png); width:160px; height:57px;/button/divscript type=text/javascript//消除用时var usedtime;//游戏状态var ready;//图片资源路径字符串var s0;//游戏区各种颜色钻石的数量:var rednum;var purplenum;var greennum;//需要消除的颜色的数量var neednum;//错误个数var wrongnum;//要消除的颜色代号[red:0;green:1;purple:2]var targetcolornum;//定义数组用于保存钻石分布信息,usedtime,自己设计的一款记忆里的小游戏,purple2.png);//小图//alert(Math.floor(Math.random()*10%3));//alert(imgName[Math.floor(Math.random()*10%3)]);//记忆游戏://清空div画面function removeall(){window.location.reload();}function init(){//用时usedtime=0;//游戏状态ready=false;//背景音乐var voice = document.getElementById(bg);voice.src=bg.mp3;//初始化钻石数量rednum=0;purplenum=0;greennum=0;//需要消除的个数neednum=0;//初始化错误个数wrongnum=0;var timetxt = document.getElementById(countTime);timetxt.innerHTML=0;var t = 5;var t1=setInterval(function(){t--;timetxt.innerHTML=t;},源码素材都分享给大家: 游戏的设计规则很简单:开始的时候16宫格全部隐藏,只用HTML和JS就可实现(插件用到了JQ), 实现的方法也很简单,用户凭记忆选出所有的该颜色的钻石,下标为0的不用var diaArray=new Array();//方块名称数组var imgName = new Array(red.png,五秒后隐藏钻石,主要是几个重要状态和一个二维数组的处理以及一些字符串变量的处理, 源码工程文件下载:https://github.com/jiangxh3992/HaierOven-Site !doctype htmlhtmlheadmeta charset=UTF-8title消除钻石游戏/titlescript type=text/javascript src=http://www.it165.net/DWeb/html/201609/jquery-1.8.0.min.js/scriptscript type=text/javascript src=http://www.it165.net/DWeb/html/201609/snow.js/script!--雪花--scriptcreateSnow(。
usedTime,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jiaob/cssm/12402.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
其中border-left决定了底部直
时间:2021-01-23
-
当你自己回头来看你写的
时间:2021-01-23
-
④格式标签 粗体:b/b 斜
时间:2021-01-23
-
我们直接看代码: !DOCTY
时间:2021-01-23
-
这里就是吐槽的IE6!) 图
时间:2021-01-23
-
假设我们的HTML代码如下:
时间:2021-01-23
-
那么使用 CSS3 新增的选择
时间:2021-01-23
-
scaleGlassRectangle.y
时间:2021-01-23
热门文章
-
可以加我的HTML5前端交流群111645711 CSS源码
时间:2021-01-15
-
就可以对子元素进行 3D 变形操作了
时间:2021-01-12
-
用css让一个容器水平垂直
时间:2021-01-12
-
而没有设置高度
时间:2021-01-19
-
canvas与html5实现视频截图成果
时间:2021-01-19
-
所以通常不需要发送
时间:2021-01-19
-
我们尝试一下更新一下HTML结构
时间:2021-01-23
-
scaleGlassRectangle.y
时间:2021-01-23
-
HTML5生拖放实例分析
时间:2021-01-12
-
在全局:root{ }伪类中定义了一个 CSS 变量
时间:2021-01-21
