Категории раздела
Профиль для ucoz
[9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz
[13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz
[128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz
[45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz
[20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz
[31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz
[11]
статистика cs для ucoz
Форма входа для ucoz
[15]
форма входа для ucoz
Переключатели для ucoz
[9]
Переключатели страниц для ucoz
Шапки для ucoz
[13]
шапки для ucoz cs 1.6
Главная
Скрипты для ucoz
Меню для ucoz
Светлое выпадающие меню для ucoz
Светлое выпадающие меню для ucoz
Светлое меню для ucoz подойдет для любого сайта, на любую тематику. Вертикальное меню для ucoz можно настроить под себя и категоризировать ваш контент на сайте. Очень люблю простые меню сайта для ucoz .
Вставте код "
выпадающие меню для ucoz " в ваш блок на сайте, и настройте под себя.
Code
<style type="text/css">
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* 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: 170px; /*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 1px;
border: 1px solid #ccc;
border-bottom: 0;
}
.suckerdiv ul li a:visited{
color: black;
}
.suckerdiv ul li a:hover{
background-color: #377CB4;
}
.suckerdiv .subfolderstyle{
background: url(http://wallaby.ucoz.ru/images/next-list.gif) 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="Сылка" title="Описание при наведении">wallaby.ucoz.ru</a></li>
<li><a href="Сылка" title="Описание при наведении">Пусто</a></li>
<li><a href="Сылка" title="Описание при наведении">Пусто</a></li>
<li><a href="http://wallaby.ucoz.ru/load/35" title="Скрипты для ucoz">Скрипты для ucoz</a>
<ul>
<li><a href="http://wallaby.ucoz.ru/load/menu_for_ucoz/37" title="Описание при наведении">Меню для ucoz</a>
<li><a href="http://wallaby.ucoz.ru/load/chasy_dlja_ucoz/39" title="Часы для ucoz">Часы для ucoz</a>
<li><a href="http://wallaby.ucoz.ru/load/cs_kalendar/38" title="Описание при наведении">Календари cs 1.6</a>
</li>
</ul>
<li><a href="Сылка" title="Описание при наведении">Шаблоны ucoz</a>
<ul>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>
</ul>
</li>
<li><a href="Сылка" title="Описание при наведении">Шаблоны Joomla</a>
<ul>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>
<li><a href="Сылка" title="Описание при наведении">Название страницы</a>
</ul>
</li>
</div>
Категория
Меню для ucoz
| Добавил:
Wallaby
| Теги: Меню для Ucoz , Скрипты ucoz , скрипты для ucoz
| Просмотров:
3743
|
Комментарии отсутствуют