Вертикальное выпадающее меню

Главная | Регистрация | Вход | Приветствую Вас Бродяга | RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Форум » Форум » Скрипты для uCoz » Вертикальное выпадающее меню

Миха

Дата: Воскресенье, 09.01.2011, 14:59 | Сообщение # 1

Группа: Пользователи

Сообщений: 23

Статус: Offline

Code

<div style="display:inline;" id="menuDiv"><style type="text/css">
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 187px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}

.suckerdiv ul li{
position: relative;
}

/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 210px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #99FF99;
}

.suckerdiv .subfolderstyle{
background: url(http://oz-portal.net/img/next.png) no-repeat center right;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

</style>

<script type="text/javascript">
var menuids=["suckertree1"]

function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i])
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px"
else
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)
</script>

<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="http://oz-portal.net" title="Перейти в начало"><IMG src="http://oz-portal.net/files/Home.gif" border="0"><STRONG> Главная страница</STRONG></a>
<ul>

</ul>
</li>
<li><a href="http://oz-portal.net/index/0-2" title="О сайте"><IMG src="http://oz-portal.net/files/erdsfror.png" border="0"> Инфо. о сайте</a></li>
<li><a href="http://oz-portal.net/forum/" title="Наш форум"><IMG src="http://oz-portal.net/files/forum.gif" border="0"><STRONG><SPAN style="color: #ff0000"> Форум </SPAN></STRONG></a>
<ul>
<li><a href="http://oz-portal.net/forum/0-0-1-34" title="Новые сообщения">Новые сообщения</a>
<li><a href="http://oz-portal.net/forum/93" title="Болталка">Общий</a>
<li><a href="http://oz-portal.net/forum/94" title="Наша жизнь">Наша жизнь</a>
<li><a href="http://oz-portal.net/forum/14" title="Дом, cемья, любовь, секс">Дом, cемья, любовь, секс</a>
<li><a href="http://oz-portal.net/forum/19" title="Досуг">Досуг</a>
<li><a href="http://oz-portal.net/forum/27" title="Информационные технологии">Информационные технологии</a>
<li><a href="http://oz-portal.net/forum/31" title="Взгляд в себя">Взгляд в себя</a>
<li><a href="http://oz-portal.net/forum/7" title="Уголок Форумчан">Уголок Форумчан</a>
<li><a href="http://oz-portal.net/forum/2" title="Работа сайта">Работа сайта</a>
<li><a href="http://oz-portal.net/forum/102" title="Продажа, Покупка, Аукцион, Обмен, ICQ-cофт, ICQ-Новости, Для новичков">I Seek You</a>
<li><a href="http://oz-portal.net/forum/66" title="Взгляд в себя">Adobe Photoshop</a>
<li><a href="http://oz-portal.net/forum/57" title="Вашему сайту...">Информация для Web-мастера</a>
<li><a href="http://oz-portal.net/forum/70" title="Готовые скрипты для uCoz">Готовые скрипты для uCoz</a>
<li><a href="http://oz-portal.net/forum/31" title="Форум о DataLife Engine">Форум о DataLife Engine</a>
<li><a href="http://oz-portal.net/forum/92" title="Прочее">Прочее</a>
<li><a href="http://oz-portal.net/forum/0-0-0-36" title="Правила форума">Правила форума</a>
</li>
</ul>
<li><a href="http://oz-portal.net/load/" title="Файлы"><IMG src="http://oz-portal.net/files/files.png" border="0"> Загрузки</a>
<ul>

<li><a href="http://oz-portal.net/load/88" title="Allsubmitter">Allsubmitter</a>
<li><a href="http://oz-portal.net/load/1" title="Антивирусы">Антивирусы</a>
<li><a href="http://oz-portal.net/load/2" title="Архиваторы">Архиваторы</a>
<li><a href="http://oz-portal.net/load/3" title="Аудио">Аудио</a>
<li><a href="http://oz-portal.net/load/20" title="Безопасность">Безопасность</a>
<li><a href="http://oz-portal.net/load/21" title="Вебмастерам">Вебмастерам</a>
<li><a href="http://oz-portal.net/load/22" title="Антивирусы">Видео</a>
<li><a href="http://oz-portal.net/load/23" title="Графика">Графика</a>
<li><a href="http://oz-portal.net/load/24" title="Интернет">Интернет</a>
<li><a href="http://oz-portal.net/load/25" title="Локальная сеть">Локальная сеть</a>
<li><a href="http://oz-portal.net/load/26" title="Мультимедиа">Мультимедиа</a>
<li><a href="http://oz-portal.net/load/27" title="Офис">Офис</a>
<li><a href="http://oz-portal.net/load/28" title="Программинг">Программинг</a>
<li><a href="http://oz-portal.net/load/29" title="Работа с CD/DVD">Работа с CD/DVD</a>
<li><a href="http://oz-portal.net/load/30" title="Рабочий стол">Рабочий стол</a>
<li><a href="http://oz-portal.net/load/31" title="Игры для ПК">Игры для ПК</a>
<li><a href="http://oz-portal.net/load/32" title="Мини-игры">Мини-игры</a>
<li><a href="http://oz-portal.net/load/33" title="Система">Система</a>
<li><a href="http://oz-portal.net/load/34" title="Справочники">Справочники</a>
<li><a href="http://oz-portal.net/load/35" title="Журналы">Журналы</a>
<li><a href="http://oz-portal.net/load/36" title="Софт для КПК">Софт для КПК</a>
<li><a href="http://oz-portal.net/load/37" title="Текст">Текст</a>
<li><a href="http://oz-portal.net/load/48" title="Тесты">Тесты</a>
<li><a href="http://oz-portal.net/load/38" title="Сборки Windows">Сборки Windows</a>
<li><a href="http://oz-portal.net/load/39" title="Игры для PSP">Игры для PSP</a>
<li><a href="http://oz-portal.net/load/40" title="Сборки софта">Сборки софта</a>
<li><a href="http://oz-portal.net/load/41" title="Сборки драйверов">Сборки драйверов</a>
<li><a href="http://oz-portal.net/load/49" title="Файлы и папки">Файлы и папки</a>
<li><a href="http://oz-portal.net/load/58" title="Сборки Linux">Сборки Linux</a>
<li><a href="http://oz-portal.net/load/50" title="Для web-мастера uCoz">Для web-мастера uCoz</a>
<li><a href="http://oz-portal.net/load/65" title="Для web-мастера PHP">Для web-мастера PHP</a>
</ul>
</li>
<li><a href="http://oz-portal.net/blog/" title="Смотреть фильмы on-line"><IMG src="http://oz-portal.net/files/Video.gif" border="0"> Фильмы on-line</a>
<ul>

<li><a href="http://oz-portal.net/blog/1-0-1" title="Анимации">Анимации</a>
<li><a href="http://oz-portal.net/blog/1-0-4" title="Боевики">Боевики</a>
<li><a href="http://oz-portal.net/blog/1-0-18" title="Вестерны">Вестерны</a>
<li><a href="http://oz-portal.net/blog/1-0-19" title="Гоблин">Гоблин</a>
<li><a href="http://oz-portal.net/blog/1-0-20" title="Детективы">Детективы</a>
<li><a href="http://oz-portal.net/blog/1-0-16" title="Документальные">Документальные</a>
<li><a href="http://oz-portal.net/blog/1-0-2" title="Драмы">Драмы</a>
<li><a href="http://oz-portal.net/blog/1-0-17" title="Индийское Кино">Индийское Кино</a>
<li><a href="http://oz-portal.net/blog/1-0-7" title="Комедии">Комедии</a>
<li><a href="http://oz-portal.net/blog/1-0-21" title="Концерты | Клипы">Концерты | Клипы</a>
<li><a href="http://oz-portal.net/blog/1-0-12" title="Мелодрамы">Мелодрамы</a>
<li><a href="http://oz-portal.net/blog/1-0-6" title="Мистика">Мистика</a>
<li><a href="http://oz-portal.net/blog/1-0-15" title="Мультфильмы">Мультфильмы</a>
<li><a href="http://oz-portal.net/blog/1-0-14" title="Приключения">Приключения</a>
<li><a href="http://oz-portal.net/blog/1-0-9" title="Сериалы">Сериалы</a>
<li><a href="http://oz-portal.net/blog/1-0-22" title="Телеканалы">Телеканалы</a>
<li><a href="http://oz-portal.net/blog/1-0-23" title="ТелеШоу">ТелеШоу</a>
<li><a href="http://oz-portal.net/blog/1-0-11" title="Трейлеры">Трейлеры</a>
<li><a href="http://oz-portal.net/blog/1-0-8" title="Триллеры">Триллеры</a>
<li><a href="http://oz-portal.net/blog/1-0-3" title="Ужасы">Ужасы</a>
<li><a href="http://oz-portal.net/blog/1-0-13" title="Фантастика">Фантастика</a>
<li><a href="http://oz-portal.net/blog/1-0-10" title="Эротика">Эротика</a>
</li>
</ul>
<li><a href="http://oz-portal.net/dir/" title="GIGA-TOP Раскрутка"><IMG src="http://oz-portal.net/files/ctati.gif" border="0"><STRONG><FONT color="#800000"> ТОП сайтов</FONT></STRONG><IMG src="http://oz-portal.net/files/strelka.gif"></a>
<ul>
<li><a href="http://oz-portal.net/dir/0-0-0-0-1" title="Добавить сайт"><IMG src="http://oz-portal.net/download/morhge.png" border="0"><STRONG> Добавить сайт</STRONG><IMG src="http://oz-portal.net/files/strelka.gif"></a>
<li><a href="http://oz-portal.net/dir/19" title="Все сайты"><IMG src="http://oz-portal.net/files/srifts.png" border="0"> Все сайты</a>
<li><a href="http://oz-portal.net/index/0-28" title="Новые сайты в ТОПе"><IMG src="http://oz-portal.net/files/srifts.png" border="0"> Новые сайты</a>
<li><a href="http://oz-portal.net/index/0-26" title="Правила"><IMG src="http://oz-portal.net/files/erdsfror.png" border="0"> Правила</a>
</ul>
</li>
<li><a href="http://oz-portal.net/gb/" title="Написать отзыв"><IMG src="http://oz-portal.net/files/srifts.png" border="0"> Гостевая книга</a>
<ul>
<li><a href="http://oz-portal.net/gb/#sign" title="Добавить запись"><IMG src="http://oz-portal.net/download/morhge.png" border="0"><STRONG> Добавить запись<IMG src="http://oz-portal.net/files/strelka.gif"></STRONG></a>
</ul>
</li>
<li><noindex><a href="http://vkontakte.ru/club8071206" title="Наша группа Вконтакте"><IMG src="http://oz-portal.net/files/kontakt.ico" border="0"><STRONG><FONT color="#006400"> Вконтакте</FONT></STRONG></a></noindex>
</li>
<li><a href="http://oz-portal.net/faq/" title="FAQ"><IMG src="http://oz-portal.net/files/Rules.gif" border="0"> FAQ</a>
<ul>

</ul>
</li>
<li><a href="http://oz-portal.net/stuff/" title="On-line Игры"><IMG src="http://oz-portal.net/files/games.jpeg" border="0"> On-line Игры</a>
<ul>

</ul>
</li>
<li><a href="http://oz-portal.net/publ/" title="Статьи"><IMG src="http://oz-portal.net/files/page.gif" border="0"> Статьи</a>
<ul>

</ul>
</li>
<li><a href="http://oz-portal.net/photo/" title="Фотоальбом"><IMG src="http://oz-portal.net/files/wallpaper.gif" border="0"> Фотоальбом</a>
<ul>

</ul>
</li>
<li><a href="http://oz-portal.net/board/" title="Доска объявлений"><IMG src="http://oz-portal.net/files/page.gif" border="0"> Доска объявлений</a>
<ul>

</ul>
</li>
<li><script type="text/javascript" src="/widget/?9;http%3A%2F%2Foz.ucoz.net%2Findex%2F0-32|%3CIMG%20src%3D%22http%3A%2F%2Foz.ucoz.net%2Ffiles%2FAudio.gif%22%20border%3D%220%22%3E%20%D0%A0%D0% B0%D0%B4%D0%B8%D0%BE|300|300|1|1|1"> </script></li>
<li><a href="http://oz-portal.net/tests/" title="Тесты"><IMG src="http://oz-portal.net/files/srifts.png" border="0"> Тесты</a></li>
<li><a href="http://oz-portal.net/index/0-14" title="Чатица"><IMG src="http://oz-portal.net/files/Topics.gif" border="0"> Чатица</a></li>
<li><a href="http://oz-portal.net/search" title="Поиск по всему сайту"><IMG src="http://oz-portal.net/img/search.gif" border="0"> Расширенный поиск</a></li>

</div></div>
</td></tr>