核心提示：打地鼠小游戏设计代码var img;var imgs;window.onload = function(){// 游戏开始 document.getElementById(btn).onclick =...
打地鼠小游戏设计代码
var img;
var imgs;
window.onload = function(){
// 游戏开始
document.getElementById(“btn”).onclick = function(){
//获取所有图像的数组
imgs = document.images;
show();
}
document.getElementById(“yc”).onclick = function(){
img.src = “img/00.jpg”;
}
}
// 地鼠出现方法
function show(){
// 随机获取一张图片的下标
var i = parseInt(Math.random()*imgs.length);
//地鼠随机出现
img = imgs[i];
img.src = “img/01.jpg”;
setTimeout("show()",1000);
}
//打击地鼠方法
function play(obj){
//获取图片名称
var str = obj.src;
var s = str.split("/");
var name = s[s.length-1].charAt(1);
if(name==1){
obj.src = "img/02.jpg";
}
}
</script>
</head>
<body>
<button id="btn">开始</button>
<button id="yc">隐藏</button>
<!--游戏区域-->
<table border="1px">
<tr>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
</tr>
<tr>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
</tr>
<tr>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
</tr>
<tr>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
</tr>
<tr>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
<td><img src="img/00.jpg" onclick="play(this)"/></td>
</tr>
</table>
<span id="str"></span>
</body>
