第八，九周web制作代码
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <title>游戏</title> | |
| <script type="text/javascript"> | |
| var myArray=new Array(); | |
| var row=3; | |
| var col=4; | |
| var currImgNo=-1; | |
| var lastImgNo=-1; | |
| var count=0; | |
| var n; | |
| var isUsed=new Array(); | |
| var timeCount=100; | |
| var myInterval; | |
| function mySort() | |
| { | |
| return Math.random()>.5; | |
| } | |
| function init(row,col) | |
| { | |
| var n= (row*col)/2; | |
| for(var k=0;k< (2*n);k++) | |
| { | |
| isUsed[k]=false; | |
| } | |
| for(var k=0;k<n;k++) | |
| { | |
| myArray[k]=Math.ceil( Math.random() *10); | |
| myArray[k+n]=myArray[k]; | |
| } | |
| myArray.sort(mySort); | |
| var str='<table border="1" width="300" height="300">'; | |
| for(var i=1;i<=row;i++) | |
| { | |
| str +="<tr>"; | |
| for(var j=0;j<col;j++) | |
| { | |
| //str +="<td onclick='judge("+ ( (i-1)*col+j) +");'>" + myArray[ ((i-1)*col+j) ] +"</td>"; | |
| str+="<td onclick='judge("+ ( (i-1)*col+j) +");'>" | |
| str+= '<img id="img_'+( (i-1)*col+j) +'" src="photo/image0.gif"/>' | |
| str+="</td>"; | |
| } | |
| str +="</tr>"; | |
| } | |
| str+='</table>'; | |
| document.getElementById("hl").innerHTML=str; | |
| //myInterval=setInterval("runTime()",500); | |
| myInterval=setInterval(runTime,500); | |
| } | |
| function runTime() | |
| { | |
| var minute =parseInt(timeCount/60); | |
| var second =timeCount%60; | |
| var stcm=document.getElementById("ayTime").innerHTML=minute+":"+second; | |
| timeCount--; | |
| if(timeCount<0) | |
| { | |
| alert("时间到"); | |
| clearInterval(myInterval); | |
| } | |
| } | |
| function onRe() | |
| { | |
| init(row,col); | |
| row++//document.getElementById("t1").value; | |
| col++//document.getElementById("t2").value; | |
| // init(row,col); | |
| document.getElementById("next").value="next"; | |
| } | |
| function judge(temp) | |
| { | |
| if(isUsed[temp]) return; | |
| isUsed[temp]=true; | |
| lastImgNo=currImgNo; | |
| currImgNo=temp; | |
| var currImg=document.getElementById("img_"+temp); | |
| currImg.src="photo/image"+myArray[temp]+".gif"; | |
| if(currImgNo>=0 && lastImgNo>=0) | |
| { | |
| if(myArray[currImgNo]==myArray[lastImgNo]) | |
| { | |
| //alert("成功"); | |
| //count++; | |
| currImgNo=lastImgNo=-1; | |
| if(count>=n) | |
| { | |
| alert("游戏结束，进入下一关！"); | |
| onRe(); | |
| } | |
| } | |
| else | |
| { | |
| var lastImg=document.getElementById("img_"+lastImgNo); | |
| lastImg.src="photo/image0.gif"; | |
| isUsed[lastImgNo]=false; | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <html> | |
| <body> | |
| <div id="ayTime"> 点击</div> | |
| <div id="hl"> 开始游戏</div> | |
| <input id="next" type="button" width="20" value="开始游戏" onclick="onRe();" /> | |
| </body> | |
| </html> | |
第八，九周web制作代码的更多相关文章
- 第五周可执行代码 以及 Canvas 制作个人PSP分类饼图
第五周可执行代码已经上传github,地址是https://github.com/yanyige/CourseWork/tree/master/Week4.以及效果在http://yanyige.gi ...
- 20145203盖泽双 《网络对抗技术》实践九：Web安全基础实践
20145203盖泽双 <网络对抗技术>实践九:Web安全基础实践 1.实践目标 1.理解常用网络攻击技术的基本原理. 2.Webgoat下进行相关实验:SQL注入攻击.XSS攻击.CSR ...
- python九周周末总结
python九周周末总结 UDP协议 udp协议的交互模式服务端不需要考虑客户端是否退出,你发多少那么他就会按照你发的东西直接去传输给客户端不存在黏包现象 服务端: import socket ser ...
- Senparc.Weixin.MP SDK 微信公众平台开发教程（十八）：Web代理功能
在Senparc.Weixin.dll v4.5.7版本开始,我们提供了Web代理功能,以方便在受限制的局域网内的应用可以顺利调用接口. 有关的修改都在Senparc.Weixin/Utilities ...
- 2017-2018-2 20155228 《网络对抗技术》 实验九：Web安全基础
2017-2018-2 20155228 <网络对抗技术> 实验九:Web安全基础 1. 实践内容 1.1 标理解常用网络攻击技术的基本原理 1.2 在Webgoat实验环境下实践相关实验 ...
- 单元测试系列之九：Sonar 常用代码规则整理（一）
更多原创测试技术文章同步更新到微信公众号 :三国测,敬请扫码关注个人的微信号,感谢! 摘要:公司部署了一套sonar,经过一段时间运行,发现有一些问题出现频率很高,因此有必要将这些问题进行整理总结和分 ...
- “2017面向对象程序设计（Java）第就九周学习总结”存在问题的反馈
对于“2017面向对象程序设计(Java)第就九周学习总结”存在问题的反馈 1.博文未写者:高树平 高俊梅 冯小丽 缪召召 王瑞强 宗鹏新 李向龙 马润韬 米奇辉 卯保云——不及时提交博客的同学人数出 ...
- # 2017-2018-2 20155231《网络对抗技术》实验九： Web安全基础实践
2017-2018-2 20155231<网络对抗技术>实验九: Web安全基础实践 实验要求: 本实践的目标理解常用网络攻击技术的基本原理.Webgoat实践下相关实验. 实验内容: ( ...
- 20145230熊佳炜《网络对抗》实验九：web安全基础实践
20145230熊佳炜<网络对抗>实验九:web安全基础实践 webgoat webgoat的中文是代罪羔羊的意思,而它是一个有很多漏洞的web应用程序,我们可以利用它来研究关于web应用 ...
随机推荐
- Oracle之子程序(存储过程、方法、包)
.过程[存储过程] CREATE [OR REPLACE] PROCEDURE <procedure name> [(<parameter list>)] IS|AS < ...
- ruby rspec+jenkins+ci_report持续集成生成junit测试报告
1.加载ci_report gem install ci_reporter_rspec 2.给测试工程编写rakefile require 'ci/reporter/rake/rspec' requi ...
- python教程（四）·序列
距离上次的小项目已经休息了很长一段时间,是时候来继续本系列教程了.这一节开始我们将深入python中的数据结构. 序列的概念 在python中,最基本的数据结构是序列,序列包含一个或多个元素,每个元素 ...
- 20155310 《Java程序设计》实验四 （Android程序设计）实验报告
20155310 <Java程序设计>实验四 (Android程序设计)实验报告 实验内容 1.基于Android Studio开发简单的Android应用并部署测试; 2.了解Andro ...
- 20145234黄斐《java程序设计》第三周
教材学习内容总结 类与对象 定义:对象,与过程相对. Java中变量有2种类型,一个是基本类型,另一个则是类类型.基本类型在之前学过,本次学习类类型.使用Java撰写程序几乎都是在使用对象,要产生对象 ...
- Luogu1801_黑匣子_KEY
题目传送门 借这道题练一下Treap和Splay的板子. code: #include <cstdio> #include <cstdlib> using namespace ...
- 优步uber司机申请了为什么一直没有通过审核，帐号也显示未激活
优步uber现在是越来越火,申请注册成为优步uber司机的人数也日剧增多,申请了的车主都知道,申请后要等待审核,审核通过才可以激活帐号,快的运气好的,三五天不到一个星期就激活了,慢点的得大半个月,还有 ...
- MySQL入门篇（六）之mysqldump备份和恢复
一.备份单个数据库 1.备份命令:mysqldump MySQL数据库自带的一个很好用的备份命令.是逻辑备份,导出 的是SQL语句.也就是把数据从MySQL库中以逻辑的SQL语句的形式直接输出或生成备 ...
- Spring学习(四)-----Spring Bean引用同xml和不同xml bean的例子
在Spring,bean可以“访问”对方通过bean配置文件指定相同或不同的引用. 1. Bean在不同的XML文件 如果是在不同XML文件中的bean,可以用一个“ref”标签,“bean”属性引用 ...
- PHP导出Excel，设置表格样式，填充颜色等较为复杂样式
// 注:只是在此做下记录,有兴趣的可以参考,不做实际教程文档 <?php //引入Li类对数据进行操作include_once('./Li.php');//引入Excel类库对对数据进行操作i ...