在鼠标悬停时更改多个属性

时间:2013-06-02 00:35:32

标签: javascript attributes mouseover

好的,所以我想根据活动显示几张背景图片。我正在尝试更改id的属性,并且由于某种原因,页面变为白色onmouseover并且没有什么可以让它永远加载。

这里是我正在使用的javascript函数(在研究之后应该有效):

 <script language="javascript" type="text/javascript">
 function open(){document.getElementById('Wings').setAttribute('style', 'background: url(./wingsOpen.png); background-repeat: no-repeat; z-index:-5');
   }

function glow(){document.getElementById('Wings').setAttribute('style', 'background: url(./wingsOpenGlow.png);background-repeat: no-repeat;  z-index:-5 ');
                }

 function close(){document.getElementById('Wings').setAttribute('style',    'background: url(./wingsClosed.png); background-repat: no-repeat;  z-index:2');
 }
  </script>

这是HTML:

<div id="Wings" onmouseover="open()" onmouseout="open()"></div>

有一个图像隐藏的搜索栏我不知道这是不是问题。 glow()函数与搜索栏一起使用,以便在搜索栏收到焦点时图像发生变化

0 个答案:

没有答案