Время: 05:10
Вы вошли как Гость | Группа "Гости"Приветствую Вас Гость | RSS
Меню сайта
Популярное
Movavi Video Convert...
Antares Autotune 5.0...
Базис мебельщик 7.0 ...
SONY Vegas Pro 12.0 ...
Статистика


Главная Файлы Все для Ucoz Скрипты для Ucoz



Скрипт для uСoz - выпадающее вертикальное меню \ навигация

Скрипт для uСoz - выпадающее вертикальное меню \ навигация

Скрипт для uСoz - выпадающее вертикальное меню \ навигация

На первый взгляд довольно не приглядный вид меню. Но если немного модернизировать скрипт uСoz и добавить иконки то получится вполне не плохо. К тому же каркас можно легко отредактировать под дизайн вашего сайта.

Установка:
Код скрипта

Code
<!-- UcoZMenu --><style type="text/css">  
.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 185px; /* 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: 5px 5px;  
border: 1px solid #ccc;  
border-bottom: 0;  
}  

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

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

.suckerdiv .subfolderstyle{  
background: url(http://mediall.at.ua/img/arrow-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="$HOME_PAGE_LINK$">Главная</a></li>  
<li><a href="http://mfilm.at.ua//forum/">Форум</a></li>  
<li><a href="http://mfilm.at.ua/index/0-8">BIG-Чат</a></li>  
<li><a href="http://mfilm.at.ua/dir/">Топ Сайтов</a></li>  
<li><a href="http://www.mfilm.at.ua/load/23">Музыка</a></li>  
<li><a href="http://www.mfilm.at.ua/load/24">Книги</a></li>  
<li><a href="http://www.mfilm.at.ua/load/25" title="Игры , проги для мобильных">JAVA soft</a></li>  
<li><a href="http://www.mfilm.at.ua/load/1" title="Скачать игры ! ">Игры</a></li>  
<li><a href="http://www.mfilm.at.ua/load/12" >Программы /SOFT</a>  
<ul>  
<li><a href="http://www.mfilm.at.ua/load/13" >Всякое</a>  
<li><a href="http://www.mfilm.at.ua/load/14" >Графика и дизайн</a>  
<li><a href="http://www.mfilm.at.ua/load/15" >CD / DVD диски </a>  
<li><a href="http://www.mfilm.at.ua/load/16" >E-Mail</a>  
<li><a href="http://www.mfilm.at.ua/load/18" >Безопасность</a>  
<li><a href="http://www.mfilm.at.ua/load/19" >Рабочий стол, десктоп</a>  
<li><a href="http://www.mfilm.at.ua/load/20" >Аудио, Звук </a>  
<li><a href="http://www.mfilm.at.ua/load/21" >Интернет</a>  
<li><a href="http://www.mfilm.at.ua/load/22" >Антивирусы</a>  
<li><a href="http://www.mfilm.at.ua/load/31" >Мультимедия</a>  
<li><a href="http://www.mfilm.at.ua/load/32" >Ключи для антивируса</a>  
<li><a href="http://www.mfilm.at.ua/load/35" >Для системы</a>  
<li><a href="http://www.mfilm.at.ua/load/38" >Windows</a>  
<li><a href="http://www.mfilm.at.ua/load/39" >Драйвера</a>  
<li><a href="http://www.mfilm.at.ua/load/42" >Офис</a>  
<li><a href="http://www.mfilm.at.ua/load/43" >Украшаем систему</a>  
<li><a href="http://www.mfilm.at.ua/load/45" >Графика и дизайн</a>  
   
</ul>  
<li><a href="#" >Все для Ucoz</a>  
<ul>  
<li><a href="http://www.mfilm.at.ua/load/17" >Шаблоны</a>  
<li><a href="http://mfilm.at.ua/forum/29">Скрипты </a>  
<li><a href="http://mfilm.at.ua/forum/4">Техническая поддержка</a>  
</ul>  
<li><a href="http://www.mfilm.at.ua/load/37">Для Взрослых</a></li>  
</li>  
<li><a href="http://www.mfilm.at.ua/load/2" >Фильмы</a>  
<ul>  
<li><a href="http://www.mfilm.at.ua/load/3" >Мелодрамы</a>  
<li><a href="http://www.mfilm.at.ua/load/4" >Ужасы</a>  
<li><a href="http://www.mfilm.at.ua/load/6" >Боевики </a>  
<li><a href="http://www.mfilm.at.ua/load/7" >Комедии</a>  
<li><a href="http://www.mfilm.at.ua/load/8" >Фантастика</a>  
<li><a href="http://www.mfilm.at.ua/load/9" >Драмы</a>  
<li><a href="http://www.mfilm.at.ua/load/10" >Мультфильмы</a>  
<li><a href="http://www.mfilm.at.ua/load/36" >Укр . дубляж</a>  
<li><a href="http://www.mfilm.at.ua/load/40" >Сериалы</a>  
<li><a href="http://www.mfilm.at.ua/load/41" >Документальные фильмы</a>  
<li><a href="http://www.mfilm.at.ua/load/44" >Война</a>  
<li><a href="http://www.mfilm.at.ua/load/46" >Ожыдаем</a>  
</li>  
</ul>  
</ul>  

</li>  
</div>  
<script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>  

<!-- /UcoZMenu --></div></div>
Категория: Скрипты для Ucoz
Просмотров: 1762 | Дата: 08.10.2010 | Рейтинг: 0.0/0

Похожие материалы:
Поделись ссылкой

  • - ссылка
  • - BBCode
  • - HTML
  • Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Мини - профиль
    Поиск

    Опрос
    Из какой поисковой системы вы к нам попали?
    Всего голосовало: 4041