Question

您好我是JavaScript的新手并且必须制作游戏。

我的游戏涉及在60秒的空间内找到隐藏在物体后面的动物。我的所有对象都是图像，我用div创建了它们。

我需要隐藏物体背后的动物图像，以便当玩家点击物体时动物出现。我打算使用警报，但不确定这是否是最佳方法。

代码示例： HTML：

<div id ="clown"> 
  <img src="clown.png" width="300" height="250">
</div>

Javascript：clown = document.getElementById('clown')

Answer 1

据我了解，您需要显示两种类型的图像：对象和动物，默认情况下隐藏动物，并在单击对象时显示。

这可以使用css和javascript来完成，如下例所示。

<style>
#object .animal {
    position: absolute;
    left:0;
    top:0;
    visibility:hidden;
}
</style>


<div id="object">
<img class="animal" src="animalimgsrc">
<img src="objimgsrc">
</div>


<script>
document.getElementById("object").onclick = function(){
    document.getElementById("object").getElementsByClassName("animal")[0].style.visibility = "visible";
};
</script>

我想，如果你想要多个对象，你需要制作“object”类而不是id。

图像揭示游戏javascript

1 个答案: