好的,所以我有几个要根据事件显示的背景图像。我正在尝试更改 id 的属性,由于某种原因,页面在鼠标悬停时变为白色,并且没有任何事情发生,它只是永远加载。
这是我正在使用的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() 函数与搜索栏一起使用 onfocus,以便当搜索栏收到焦点时图像会发生变化