|
阅读：3005回复：2
请问为什么我这个下拉菜单在IE里可以在FF里有点奇怪？
在IE里没什么问题，但在FF里，有时候可以，有时候不行，就是鼠标离开了菜单，也不会自动隐藏。请问有什么问题呢？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<style type="text/css">
<!--
.style_normal {width:50;heigth:10;background-color:#ece9d8}
.style_over {width:50;heigth:10;border:1px solid rgb(49,106,197);background-color:#c1d2ee}
.main_menu_over {width:50;heigth:10;border:1px solid #cccccc;background-color:rgb(240,240,240)}
.dropdown_hidden { display:none }
.dropdown_display {display:block }
.menu_anchor {text-decoration:none;color:black}
-->
</style>
<script language="JavaScript">
function pad1_over()//鼠标滑过主菜单项
{
document.getElementById("pad1").className="main_menu_over";
document.getElementById("dropdown1").className="dropdown_display";
return;
}
function pad1_out()//鼠标离开主菜单项
{
document.getElementById("pad1").className="style_normal";
return;
}
function menu1_mouseover()//鼠标滑过整个下拉菜单
{
document.getElementById("dropdown1").className="dropdown_display";
return;
}
function menu1_mouseout()//鼠标离开整个下拉菜单
{
document.getElementById("pad1").className="style_normal";
document.getElementById("dropdown1").className="dropdown_hidden";
return;
}
function pad2_over()//鼠标滑过主菜单项
{
document.getElementById("pad2").className="main_menu_over";
document.getElementById("dropdown2").className="dropdown_display";
return;
}
function pad2_out()//鼠标离开主菜单项
{
document.getElementById("pad2").className="style_normal";
return;
}
function menu2_mouseover()//鼠标滑过整个下拉菜单
{
document.getElementById("dropdown2").className="dropdown_display";
return;
}
function menu2_mouseout()//鼠标离开整个下拉菜单
{
document.getElementById("pad2").className="style_normal";
document.getElementById("dropdown2").className="dropdown_hidden";
return;
}
</script>
</head>
<body>
<div style="position:absolute;left:0px;width:50px" id="menu1" class="style_normal" onmouseover="javascript:menu1_mouseover()" onmouseout="javascript:menu1_mouseout()">
<div id="pad1" class="style_normal" onmouseover="javascript:pad1_over()" onmouseout="javascript:pad1_out()">
菜单1
</div>
<div style="position:absolute;left:0px;width:50px" id="dropdown1" class="dropdown_hidden">
<div class="style_normal" onmouseover="javascript:this.className='style_over'" onmouseout="javascript:this.className='style_normal'">
<a class="menu_anchor" href="1.htm">haha</a>
</div>
<div class="style_normal" onmouseover="javascript:this.className='style_over'" onmouseout="javascript:this.className='style_normal'">
<a class="menu_anchor" href="1.htm">哈哈</a>
</div>
</div>
</div>
<div style="position:absolute;left:50px;width:50px" id="menu2" class="style_normal" onmouseover="javascript:menu2_mouseover()" onmouseout="javascript:menu2_mouseout()">
<div id="pad2" class="style_normal" onmouseover="javascript:pad2_over()" onmouseout="javascript:pad2_out()">
菜单2
</div>
<div style="position:absolute;left:0px;width:50px" id="dropdown2" class="dropdown_hidden">
<div class="style_normal" onmouseover="this.className='style_over'" onmouseout="this.className='style_normal'">
<a class="menu_anchor" href="1.htm">haha</a>
</div>
<div class="style_normal" onmouseover="this.className='style_over'" onmouseout="this.className='style_normal'">
<a class="menu_anchor" href="1.htm">哈哈</a>
</div>
</div>
</div>
</body>
</html> |
|
|
1楼#
发布于：2005-06-30 22:20
能不能上传附件？
htm格式的附件传不了，请把附件的扩展名改成htm再看 |
|
|
|
2楼#
发布于：2005-06-30 22:20
用 FF 1.04 处理这个菜单反应很慢，不时出问题。
用 FF 1.1 则反应快许多，能完全正常运作。 用 opera 也正常。 大概是 FF 的问题。 |
|
|
