这里我使用了任何菜单弹出窗口。虽然它会显示默认窗口。当我 hoover 子菜单 1 窗口发生变化。它会经常发生。我研究了我的程度。我无法得到解决方案。请给我一个更好的解决方案。我的编码是Follows
<div class="csn-navigation" style="background-color:Fuchsia;">
<div class="wrapper">
<ul class="navigation">
<li id="cars-for-sale" >
<a href="submenu1.aspx">Main Menu
<i class="icon-caret"> </i>
</a>
<div id="dd" class="menu-panel">
<span class="arrow"> </span>
<div class="menu-links">
<ul class="menu-links" ">
<li id="" class="vip first" onmouseover='fnSubhover("er");'>
<a href="submenu1.aspx">Sub Menu1</a>
</li>
<li id="" class="vip">
<a href="submenu1.aspx">Sub Menu2</a>
</li>
<li id="" class="vip">
<a href="submenu1.aspx">Sub Menu3</a>
</li>
<li id="" class="vip">
<a href="submenu1.aspx">Sub Menu4</a>
</li>
</ul>
</div>
<div id="" class="menu-content" > <%-- Content of Default Menu --%>
<div class="category browse-body-types">
<ul>
<li>
<a href="submenu1.aspx">
<img src="forward.png"/>
</a>Window1
</li>
</ul>
</div>
</div>
<div id="Div1" class="menu-content" > <%-- Content of Sub Menu1 --%>
<div class="category browse-body-types">
<ul>
<li>
<a href="submenu1.aspx">
<img src="forward.png"/>
</a>Window1
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
function fnSubhover(id) {
document.getElementById("d1").style.display = "block";
document.getElementById("dd").style.display = "none";
}
</script>