我创建了一个 javascript 函数来显示菜单按钮。这些按钮由一个 div 容器组成,向上时为透明背景,向下时为图像背景。唯一让我无法在 IE 中工作的是翻转。我已经尝试了 css 伪类悬停以及使用 onmouseover 和 onmouseout 更改样式。我也试过更改为 onmouseenter 和 onmouseleave。我尝试过的所有内容在 FF 和 Chrome 中都运行良好,但在 IE 中无法运行。我的代码如下:
function createOSDbutton(btn_N, btn_I, btn_L, btn_D) // (Div Name, Tab Index, Button Text, Page To Load)
{
var btnN = top.frames['buttonbar'].document.getElementById(btn_N);
btnN.style.cssText = "display:block; cursor:pointer; padding-left:16px; padding-top:5px;";
btnN.setAttribute("onClick", btn_D);
btnN.setAttribute("onMouseOver", "this.style.color='black'");
btnN.setAttribute("onMouseOut", "this.style.color='white'");
btnN.setAttribute("tabindex", btn_I);
btnN.innerHTML = btn_L;
}
按钮在正文中使用 onload 呈现。每个按钮的行如下所示:
createOSDbutton("button01", 1, "Customer Login", "parent.frames['content'].location.href='./custlogin/custlogin.asp';");
HTML 看起来像这样:
<div id="button01" class="osdmenu b1 myriad"></div>
CSS 看起来像这样:
div.osdmenu {background-color:transparent; font-size:9pt; width:201px; height:30px; vertical-align:middle; padding-left:16px; padding-top:5px;}
.myriad {font-family: "myriad", arial, helvetica, sans-serif;}
div.b1 {position:absolute;top:120px; }
最佳答案
不要使用 .setAttribute()
来设置 DOM 元素的属性。正如您所发现的,IE 会感到困惑。
btnN.onclick = btn_D;
此外,您的处理程序必须是函数,而不仅仅是代码片段:
btnN.onmouseover = function() { this.style.color='black'; };
关于Javascript onmouseover 不会在 IE 中触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10740110/