Сегодня 17.07.2019

На Go-Vegas.ru вы можете скачать всё интересующие вас для cs. У нас есть Карты CS 1.6, Читы Cs 1.6, Плагины cs 1.6 и многое другое. Так же у нас есть Шаблоны uCoz, Скрипты uCoz. Еще у нас есть Читы для Css, Читы для WoW, Читы для RF-Online, Читы для CoD4, Читы для CoD7, Читы для Point Blank. Интересные статьи CS 1.6.
Главная » Файлы » Все для uCoz » Скрипты для uCoz [ Добавить материал ]

Скрипт для Ucoz - Раскрывающиеся меню

Скрипт для Ucoz - Раскрывающиеся меню


11.01.2011, 17:21
Скрипт для Ucoz - Раскрывающиеся меню

Скрипт сделан на списках, css и javascript скрипте.


Чтобы установить скрипт вставьте этот код:



Code
<style type="text/css"> <br>
.suckerdiv ul{ <br>
margin: 0; <br>
padding: 0; <br>
list-style-type: none; <br>
width: 160px; /* Width of Menu Items */ <br>
border-bottom: 1px solid #ccc; <br>
} <br>
<br>
.suckerdiv ul li{ <br>
position: relative; <br>
} <br>
<br>
/*Sub level menu items */ <br>
.suckerdiv ul li ul{ <br>
position: absolute; <br>
width: 170px; /*sub menu width*/ <br>
top: 0; <br>
visibility: hidden; <br>
} <br>
<br>
/* Sub level menu links style */ <br>
.suckerdiv ul li a{ <br>
display: block; <br>
overflow: auto; /*force hasLayout in IE7 */ <br>
color: black; <br>
text-decoration: none; <br>
background: #fff; <br>
padding: 1px 5px; <br>
border: 1px solid #ccc; <br>
border-bottom: 0; <br>
} <br>
<br>
.suckerdiv ul li a:visited{ <br>
color: black; <br>
} <br>
<br>
.suckerdiv ul li a:hover{ <br>
background-color: #377CB4; <br>
} <br>
<br>
.suckerdiv .subfolderstyle{ <br>
background: url(ccылка на стрелку или иконку) no-repeat center right; <br>
} <br>
<br>
/* Holly Hack for IE \*/ <br>
* html .suckerdiv ul li { float: left; height: 1%; } <br>
* html .suckerdiv ul li a { height: 1%; } <br>
/* End */ <br>
<br>
</style> <br>
<br>
<script type="text/javascript"> <br>
var menuids=["suckertree1"] <br>
<br>
function buildsubmenus(){ <br>
for (var i=0; i<menuids.length; i++){ <br>
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") <br>
for (var t=0; t<ultags.length; t++){ <br>
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle" <br>
if (ultags[t].parentNode.parentNode.id==menuids[i]) <br>
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" <br>
else <br>
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px"
<br>
ultags[t].parentNode.onmouseover=function(){ <br>
this.getElementsByTagName("ul")[0].style.display="block" <br>
} <br>
ultags[t].parentNode.onmouseout=function(){ <br>
this.getElementsByTagName("ul")[0].style.display="none" <br>
} <br>
} <br>
for (var t=ultags.length-1; t>-1; t--){ <br>
ultags[t].style.visibility="visible" <br>
ultags[t].style.display="none" <br>
} <br>
} <br>
} <br>
<br>
if (window.addEventListener) <br>
window.addEventListener("load", buildsubmenus, false) <br>
else if (window.attachEvent) <br>
window.attachEvent("onload", buildsubmenus) <br>
</script> <br>
<br>
<div class="suckerdiv"> <br>
<ul id="suckertree1"> <br>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a></li>
<br>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a> <br>
<ul> <br>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a> <br>
</li> <br>
</ul> <br>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a> <br>
<ul> <br>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a> <br>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a> <br>
</ul> <br>
</li> <br>
</div>


Категория: Скрипты для uCoz | Добавил: smoker
Просмотров: 3121 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]