Меню сайта
Категории сайта
Мини-чат
Наш опрос
Слушаете ли Вы на ходу MP3-плеер?
Всего ответов: 999
Облако тегов
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0


Нас посетили:
Мини-профиль
Поиск
Календарь
«  Март 2009  »
Пн Вт Ср Чт Пт Сб Вс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Март » 22 » Скрипты для uCoz » Выпадающее меню
Выпадающее меню
Вы пришли к нам на портал что бы скачать\посмотреть Выпадающее меню, если возникнут вопросы по данному файлу Выпадающее меню, вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.

Скачать Выпадающее меню

Вот тут можно посмотреть пример.
Установка:
1) Это мы ставим в CSS
Code
.menu {padding:0; margin:0; width:200px; border-top: 1px solid #ccc;}
.menu li {background-color:#ebebeb; margin:0; padding: 6px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}

* html .menu li {background-color:#ebebeb; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}

.menu li a {display: block; position: relative; text-decoration: none; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#aaaaaa; margin:0;}

.menu li ul {display: none; position: absolute; width:200px; left:198px; margin:0; padding:0; top: -1px; border-top: 1px solid #ccc;}
.menu ul ul { left: 198px; }

.menu li:hover ul ul,
.menu li:hover ul li:hover ul ul,
.menu li.sfHover ul ul,
.menu li.sfHover ul li.sfHover ul ul { display: none; }

.menu li:hover ul,
.menu li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul,
.menu li.sfHover ul,
.menu li.sfHover ul li.sfHover ul,
.menu li.sfHover ul li.sfHover ul li.sfHover ul { display: block; }

.menu li:hover, li.sfHover { background: #E3E3E3; }
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#999999;}

.in {background-image: url(arrow2.gif);background-position: right;background-repeat: no-repeat;}

2) Это ставим между <head> и </head>:
Code
<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>

3) А вот это само меню:
Code
<ul class="menu" id="menu">
<li><a href='#'>Первый пункт</a></li>
<li class="in"><a href='#'>Второй пункт</a>
<ul>
<li><a href='#'>Первый уровень вложения</a></li>
<li class="in"><a href='#'>Первый уровень вложения</a>
<ul>
<li><a href='#'>Второй уровень вложения</a></li>
<li><a href='#'>Второй уровень вложения</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Point</a></li>
<li><a href='#'>Point</a></li>
</ul>

У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: qpPoru | Комментариев: 7 | Просмотров: 2198 | Добавлено: 22-Мар-2009

0  
7 Shintas   (04-Май-2009 14:26:26) [Материал]
Tektonik_boy, у тебя не сайт, а мусорка wacko Напихал всё, что знаешь и сиди разбирайся. У тя сайт весит под 2 мб, акренеть surprised Мне не понравился wink
-1  
6 Tektonik_boy   (26-Апр-2009 23:23:39) [Материал]
Tektonik_boyhttp://dj-viva.ucoz.com/ - цените как я переделал!
0  
5 ress   (07-Апр-2009 14:14:54) [Материал]
а куда менюшку кидать то??Сорри я немного далековат от юкоз)))
0  
4 миха   (26-Мар-2009 17:17:22) [Материал]
А где именно эти Хеады
0  
3 NoName74   (22-Мар-2009 11:27:27) [Материал]
да, цвета нада под себя настраивать
0  
2 qpPoru   (22-Мар-2009 10:20:04) [Материал]
Да не зачто!
0  
1 Андрюха   (22-Мар-2009 10:15:42) [Материал]
АндрюхаСПС biggrin
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]