图像不会被隐藏

时间:2015-10-10 08:40:21

标签: javascript html css

我正在开发pacman,因为它是一个实验室作业。当pacman到达时,我试图隐藏食物(图像)。这是我使用的代码:

if((parseInt(image1.style.left)>=(parseInt(s1.style.left))) && (parseInt(image1.style.left)<=(parseInt(s1.style.left)+100)) && 
        (parseInt(image1.style.top)+30>=(parseInt(s1.style.left) && parseInt(image1.style.top)+30<=(parseInt(s1.style.left)+100)))) 

    {var e= document.getElementById('s1');

    e.style.visibility='hidden';
    }
<img id="s1" src="s.gif" style="position: fixed; top:50; left:100" />

现在的问题是,我使用完全相同的代码用于另一种食物,但它不起作用。这是:

<img id="s5" src="s.gif" style="position: fixed; top:150; right:700" />
 if((parseInt(image1.style.left)>=(parseInt(s5.style.left))) && (parseInt(image1.style.left)<=(parseInt(s5.style.left)+100)) && 
        (parseInt(image1.style.top)+30>=(parseInt(s5.style.left) && parseInt(image1.style.top)+30<=(parseInt(s5.style.left)+100)))) 

    {var e= document.getElementById('s5');

    e.style.visibility='hidden';
    }

1 个答案:

答案 0 :(得分:0)

它解决了。我将右侧属性更改为左侧,现在它的工作正常。