我正在制作一个游戏(学习和实验目的)。
我希望游戏在你失败时显示为“弹出”图像，我尝试隐藏所有 div 但不起作用......
我想做的是，当您丢失在同一屏幕中显示的图像(例如 Facebook 图像或 Twitter)时，背景会淡出并显示图像。
在我的游戏中，当有人输了时，我添加了一张图像，但看起来像这样:
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);
}
当有人在游戏中失败时调用上面的函数。
最佳答案
您想要实现的不仅仅是在 HTML DOM 中附加图像。
我知道您想保持简单，但只是为了简单起见，请查看 AngularJS' ngShow 。这将在您需要时隐藏或显示 DOM 结构中的元素。
this snippet of code 中提供了一个非常简单的解决方案。 。它注入(inject)了基本的 JQuery 库，该库提供了轻松显示弹出窗口的功能。只需按照代码片段中的代码操作即可。
关于javascript - 弹出图像并隐藏所有索引，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35233779/