两个div内的onmouseover

我想用javascript制作一个多级菜单。问题是，当我显示带有mousover事件的第一个div时，我希望保持显示的第一个div，并为其显示第二个div。两个div内的onmouseover

我可以把鼠标事件放在imbriqued div上吗？这是我希望做的：

function show_menu(nom_menu){ 

document.getElementById('ss_menu_marque').style.display='none'; 

document.getElementById(nom_menu).style.display='block'; 
} 

function hide_menu(nom_menu){ 
document.getElementById(nom_menu).style.display='none'; 
} 

    function hide_menus_tous(){ 
    document.getElementById('ss_menu_marque').style.display='none'; 
    } 
<a href="marque.php" onmouseover="show_menu('ss_menu_marque');"> 

<div id="ss_menu_marque" onmouseover="show_menu('ss_menu_marque');" 
onmouseout="hide_menu('ss_menu_marque');"> 


<div id="ss_menu_marque2" onmouseover="show_menu('ss_menu_marque3');" 
onmouseout="hide_menu('ss_menu_marque');">   

</div> 
</div

弗兰克

来源

2012-02-13 luden

这是你如何可以嵌套的div做到这一点：

<html> 
<head> 
<script type="text/javascript"> 
function show_menu(nom_menu) { 
    document.getElementById(nom_menu).style.display='block'; 
} 

function hide_menu(nom_menu){ 
    document.getElementById(nom_menu).style.display='none'; 
} 
</script> 
</head> 
<body> 
<div id="ss_menu_marque_root" onmouseover="show_menu('ss_menu_marque_1');" onmouseout="hide_menu('ss_menu_marque_1');"> 
    <a href="marque.php">Menu marque 1</a> 
    <div id="ss_menu_marque_1" style="display: none"> 
     <div onmouseover="show_menu('ss_menu_marque_11');" onmouseout="hide_menu('ss_menu_marque_11');"> 
      Menu marque 11 
      <div id="ss_menu_marque_11" style="display: none"> 
       <div onmouseover="show_menu('ss_menu_marque_111');" onmouseout="hide_menu('ss_menu_marque_111');"> 
        Menu marque 111 
       </div> 
      </div> 
     </div> 
     <div onmouseover="show_menu('ss_menu_marque_12');" onmouseout="hide_menu('ss_menu_marque_12');"> 
      Menu marque 12 
      <div id="ss_menu_marque_12" style="display: none"> 
       <div onmouseover="show_menu('ss_menu_marque_121');" onmouseout="hide_menu('ss_menu_marque_121');"> 
        Menu marque 121 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
</body> 
</html>

你可以简单的显示和隐藏不同的菜单级别为您鼠标移过它们，而更高级别的菜单保持可见。

来源

2012-02-13 09:40:27 Feysal

两个div内的onmouseover

回答

相关问题