VPF::Вертикальное выпадающее меню - Форум программистов

malkovian

Дата 15.7.2008, 23:04 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 27
Регистрация: 20.5.2008
Где: Киев/Orgrimmar

Репутация: нет
Всего: нет

Требуется вот такая конструкция. Как правильно реализовать это в java script? Гуглила по сабжу, таких менюшек не нашла. Помогите пожалуйста!

comtat

Дата 16.7.2008, 00:29 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 4
Всего: 71

вот примерный алгоритм (примерчик)

Код


<html>
<head><title>ee</title>
<style>
.hidden {
    display = none;
}
</style>
<script>
function showSubMenu(menuID) {
    document.getElementById('sub_menu1').className = 'hidden';
    document.getElementById('sub_menu2').className = 'hidden';

    document.getElementById('sub_'+menuID).className = '';    
}

function closeSubMenu(menuID) {
    document.getElementById('sub_'+menuID).className = 'hidden';
}
</script>
</head>
<body>
<div id='menu'>
    <div id='menu1' onmouseover='showSubMenu("menu1");' onmouseout='closeSubMenu("menu1");'>
        Родитель1
        <div id='sub_menu1' class='hidden'>
            <a href='#' title='link1'>link1</a><br />
            <a href='#' title='link2'>link2</a><br />
            <a href='#' title='link3'>link3</a>
        </div>
    </div>
    <div id='menu2' onmouseover='showSubMenu("menu2");' onmouseout='closeSubMenu("menu2");'>
        Родитель2
        <div id='sub_menu2' class='hidden'>
            <a href='#' title='link4'>link4</a><br />
            <a href='#' title='link5'>link5</a>
        </div>
    </div>
</div>
</body>
</html>

что касается красоты как на картинке то это уж вы сами

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

malkovian

Дата 16.7.2008, 08:36 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 27
Регистрация: 20.5.2008
Где: Киев/Orgrimmar

Репутация: нет
Всего: нет

Спасибо! С красотой разберусь конечно smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »