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

kирилл

Дата 19.6.2007, 16:21 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 19.5.2005

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

необходим наиболее простой скрипт горизонтального меню. в поиске есть лишь сложные скрипты, в основном для поддержки динамики. а простейшего для фиксированного количества пунктов меню нет(
Например, как реализовать меню (должно располагаться в div-е с абсолютным позиционированием)

Код


    Пункт 1
    Пункт 2   ----->  | Подпункт 2.1
    Пункт 3           | Подпункт 2.2
    Пункт 4           | Подпункт 2.3
    Пункт 5

при наведение на пункт основного меню ссылка меняет цвет, справа появляется стрелка (графическая, не из дефисов)), скобка (тоже не из палок) и подпункты.

напомню, что необходимо максимально простое решение.
Спасибо.

Это сообщение отредактировал(а) kирилл - 19.6.2007, 16:24

GIK

Дата 19.6.2007, 17:46 (ссылка)

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

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

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

Самое, самое простое что мог накидать за 3 минуты... smile

Пусть не так изящно, но доработать и проэксперементировать начинающему можно smile

Код


<html>
<style>
DIV.d1{
position:absolute;
top:120;
left:120;
width:100;
height:20;
background:#757575;
color:#cdcdcd;
}

DIV.div1{
position:absolute;
top:120;
left:220;
width:100;
height:20;
background:#757575;
color:#cdcdcd;
visibility:hidden;
}

</style>
<head>
 <script language="javascript"> 
</script>
</head>

<body>
<DIV class=d1 onMouseOver="document.getElementById('div1').style.visibility='visible'" onMouseOut="document.getElementById('div1').style.visibility='hidden'" >
 1 пункт
</DIV>

<DIV class=div1 id="div1">

 <DIV class=d11 onMouseOver="document.getElementById('div1').style.visibility='visible'" onMouseOut="document.getElementById('div1').style.visibility='hidden'" >
  <a href="#">1.1 пункт</a>
 </DIV>
 <DIV class=d12 onMouseOver="document.getElementById('div1').style.visibility='visible'" onMouseOut="document.getElementById('div1').style.visibility='hidden'" >
  <a href="#">1.2 пункт</a>
 </DIV>
 
</DIV>

</body>
</html>

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

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

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