переезд внутри двух див - PullRequest
Новая
       3

переезд внутри двух див

0 голосов
/ 13 февраля 2012

Я хотел бы сделать многоуровневое меню с JavaScript. Проблема в том, что когда я отображаю первый div с событием mousover, я хочу, чтобы отображался первый div, и перемещаюсь по нему, чтобы отобразить второй div.

Могу ли я поставить другое событие мыши на нездоровых 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

Frank

1 Ответ

0 голосов
/ 13 февраля 2012

Вот как вы можете сделать это с помощью вложенных 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>

Вы можете просто показывать и скрывать различные уровни меню, когда указатель мыши перемещается над ними, в то время как меню более высокого уровня остаются видимыми.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...