打地鼠小游戏版本一

来源：互联网发布：淘宝旗帜编辑：程序博客网时间：2024/06/11 23:48

        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>

实现了地鼠随机的出现，还有鼠标点击地鼠时出现打击地鼠的效果实现

阅读全文

0 0

打地鼠小游戏 版本一

打地鼠小游戏版本一