<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<meta name="作者" content="李午">
<title>配对游戏</title>
<style type="text/css">
/*配置滚动条样式*/
body{scrollbar-arrow-color:blue;
scrollbar-face-color:red;
scrollbar-3dlight-color:yellow;}
/*配置图片样式*/
.picButton{
background-image: url(images/back.jpg);
margin: 0px;
border:0px;
padding: 0px;
height: 23px;
width: 82px;
font-size: 14px;}
</style>
<script language="javascript" src="gamejs.js"></script>
</head>
<body>
<form name="myform">
<p><h1 align="center"><font color="red">考考你的记忆力</font></h1></p>
<center><input type="button" class="picButton" value="游戏开始" onclick="showPic()"></center>
<table align="center">
<tr>
<td><img name="pic" id="pic0" src="images/show.png" width="100px" height="100px" onclick="picClick(0)"></td>
<td><img name="pic" id="pic1" src="images/show.png" width="100px" height="100px" onclick="picClick(1)"></td>
<td><img name="pic" id="pic2" src="images/show.png" width="100px" height="100px" onclick="picClick(2)"></td>
<td><img name="pic" id="pic3" src="images/show.png" width="100px" height="100px" onclick="picClick(3)"></td>
</tr>
<tr>
<td><img name="pic" id="pic4" src="images/show.png" width="100px" height="100px" onclick="picClick(4)"></td>
<td><img name="pic" id="pic5" src="images/show.png" width="100px" height="100px" onclick="picClick(5)"></td>
<td><img name="pic" id="pic6" src="images/show.png" width="100px" height="100px" onclick="picClick(6)"></td>
<td><img name="pic" id="pic7" src="images/show.png" width="100px" height="100px" onclick="picClick(7)"></td>
</tr>
<tr>
<td><img name="pic" id="pic8" src="images/show.png" width="100px" height="100px" onclick="picClick(8)"></td>
<td><img name="pic" id="pic9" src="images/show.png" width="100px" height="100px" onclick="picClick(9)"></td>
<td><img name="pic" id="pic10" src="images/show.png" width="100px" height="100px" onclick="picClick(10)"></td>
<td><img name="pic" id="pic11" src="images/show.png" width="100px" height="100px" onclick="picClick(11)"></td>
</tr>
<tr>
<td><img name="pic" id="pic12" src="images/show.png" width="100px" height="100px" onclick="picClick(12)"></td>
<td><img name="pic" id="pic13" src="images/show.png" width="100px" height="100px" onclick="picClick(13)"></td>
<td><img name="pic" id="pic14" src="images/show.png" width="100px" height="100px" onclick="picClick(14)"></td>
<td><img name="pic" id="pic15" src="images/show.png" width="100px" height="100px" onclick="picClick(15)"></td>
</tr>
<tr>
<td><font size="4" color="blue" face="宋体">最高记录：</font></td>
<td><input type="text" name="txtRecord" size="10" readonly value="0秒"></td>
<td><font size="4" color="blue" face="宋体">已用时：</font></td>
<td><input type="text" name="txtUseTime" size="10" readonly value="0秒"></td>
</tr>
</table>
</form>
<br><br>
<center>
<image src="images/rule.jpg">
</center>
</body>
</html>
Javascript-PairGame.rar （15个子文件） 
Javascript-PairGame 
gamejs.js 4KB images 
back.jpg 10KB rule.jpg 34KB
show6.png 26KB show2.png 28KB show5.png 29KB show.png 26KB show4.png 23KB empty.png 440B show8.png 26KB Thumbs.db 54KB show1.png 30KB show3.png 39KB show7.png 27KB
PairGame.html 3KB资源评论
xinlaizhadao0012014-06-02初学者拿来学习很不错，放到自己弄的服务器上了。哈哈，也体验了下网页游戏老板的感觉。呵呵
-我嘞个去-2014-03-01对于初学者很有帮助。
什么仇什么怨2013-09-16很好的一个例子啊，代码说明详细，不错
