九宫格-踩地雷

最新推荐文章于 2024-01-30 19:00:23 发布

VIP文章代码那点事ing

最新推荐文章于 2024-01-30 19:00:23 发布

阅读量1.4k

点赞数

分类专栏： javascript 文章标签：游戏 html5 javascript css3 图片

本文链接：https://blog.csdn.net/qq_36925731/article/details/75267348

版权

1、正常显示九宫格图片的内容
2、随机把雷埋入到不同图片下，一个图片只能一个雷
3、点击图片，如果正常，显示红旗，如果是雷游戏结束

<html>
<head><title>踩地雷</title>
<style type="text/css">
#content{width:646px;height:646px;margin:0px auto;}
#content div{
	width:202px;height:202px;float:left;margin:5px;cursor:pointer;
	background-repeat: no-repeat;
}
</style>
    <script>      
        var count = 1;
        //加载图片
        function LoadImgs()
        {
            //声明数组，并把随机生成的值放入数组中
            var arr = new Array(count);
            for (var i = 1; i <= count; i++) {
                arr[i] = RandomNum(8);
            }
            var arr =new Array(1);
            arr[1] = RandomNum(8);
            //遍历把九张图片显示出来
            for (var i = 1; i <= 9; i++) {
                var obj = do

最低0.47元/天解锁文章

代码那点事ing

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
九宫格-踩地雷

1、正常显示九宫格图片的内容2、随机把雷埋入到不同图片下，一个图片只能一个雷3、点击图片，如果正常，显示红旗，如果是雷游戏结束踩地雷#content{width:646px;height:646px;margin:0px auto;}#content div{ width:202px;height:202px;float:left;margin:5px;cursor:poin
复制链接

扫一扫