Question

我正在制作游戏（学习和实验目的）。当你输了的时候，我希望游戏节目像一个“弹出”图像，我试图隐藏所有的div但是没有工作...... 我想要做的是当你丢失图像显示在同一个屏幕，如Facebook图像或推特，背景淡出，图像显示。在我的游戏中，当有人输了，我添加了一个图像，但它看起来像这样：

        function show_image() {
        var img = document.createElement("img");
        img.src = 'images/firstblood.png';
        img.width = 300;
        img.height = 300;

        // This next line will just add it to the <body> tag
        document.body.appendChild(img);
    }

当有人在比赛中输球时，会调用上述功能。

Answer 1

您想要实现的不仅仅是添加图像做HTML DOM。

我知道你想保持简单，但只是为了它，结帐AngularJS' ngShow。这将隐藏或显示DOM结构中的元素。

this snippet of code中提供了一个非常简单的解决方案。它注入了基本的JQuery库，它提供了轻松显示弹出窗口的功能。只需按照代码段中的代码进行操作就可以了。

弹出图像并隐藏所有索引

1 个答案: