打地鼠小游戏版本一

最新推荐文章于 2023-11-18 14:22:43 发布

Y_林大俊

最新推荐文章于 2023-11-18 14:22:43 发布

阅读量423

点赞数

文章标签：游戏

本文链接：https://blog.csdn.net/qqABCDYOONA/article/details/78199376

版权

        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>

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

Y_林大俊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
打地鼠小游戏版本一

var img; var imgs; window.onload = function(){// 游戏开始 document.getElementById(“btn”).onclick = function(){ //获取所有图像的数组
复制链接

扫一扫