第八，九周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应用 ...
随机推荐
- 自学tensorflow——1.框架初步了解以及构建简单的计算图计算
1.初步了解 tensorflow是谷歌的一款开源深度学习框架.运行前,需要先定义好计算图,最后通过会话启动计算图,这么做的目的是为了防止数据在python和c++(tensorflow底层)传输的时 ...
- 基于 OpenResty 实现一个 WS 聊天室
基于 OpenResty 实现一个 WS 聊天室 WebSocket WebSocket 协议分析 WebSocket 协议解决了浏览器和服务器之间的全双工通信问题.在WebSocket出现之前,浏览 ...
- # 2017-2018-1 20155336《信息安全技术》实验二——Windows口令破解
2017-2018-1 20155336<信息安全技术>实验二——Windows口令破解 实验原理 口令破解方法 口令破解主要有两种方法:字典破解和暴力破解. 字典破解是指通过破解者对管理 ...
- day5 RHCE
19 .配置 iSCSI 服务端 (***先做这个题目**,挂载重启,机器会挂掉) 配置server0提供一个iSCSI服务磁盘名为iqn.2014-11.com.example:server0,并 ...
- 【BZOJ4566】[HAOI2016]找相同字符
[BZOJ4566][HAOI2016]找相同字符 题面 给定两个字符串,求出在两个字符串中各取出一个子串使得这两个子串相同的方案数.两个方案不同当且仅当这两个子串中有一个位置不同. 其中\(1\le ...
- NLP的12条精髓
NLP是神经语言程序学 (Neuro-Linguistic Programming) 的英文缩写.一.没有两个人是一样的 No two persons are the same. 1．没有两个人的人生 ...
- Selenium2+python自动化-操作浏览器基本方法
前言 从这篇开始,正式学习selenium的webdriver框架.我们平常说的 selenium自动化,其实它并不是类似于QTP之类的有GUI界面的可视化工具,我们要学的是webdriver框架的A ...
- Mac系统STF自动化环境搭建及部署踩坑记录
因为公司需要寻找一个免root的自动化测试方案,所以以前做的老方案需要被替代.一阵搜寻找到了这个框架,但是部署起来很是折腾,搞了一下午终于搞定,顺便记录一下过程,有需要的自取. 转载请注明出处:htt ...
- Linux 安装ActiveMQ(使用Mac远程访问)
阅读本文需要安装JDK 一 ActiveMQ简介 activemq是用java语言编写的一款开源消息总线 activemq是apache出品 activemq消息的传递有两种类型 一种是点对点: 即一 ...
- Siki_Unity_2-3_UGUI_Unity4.6 UI Beta版本入门学习（未学）
Unity 2-3 UGUI Unity4.6 UI Beta版本入门学习(未学)