карта сайта для роботов
Подписаться на RSS Новости портала





Основное меню
Block title
Block title
Друзья сайта
UcozABC - скрипты и шаблоны для ucoz
zbest-film - скрипты,фильмы и игры
zbest-film - скрипты,фильмы и игры
Наш опрос

Вы вступите в наш клан

Программы и игры
Онлайн статистика
СyberAnalytic

Добро пожаловать на Всё для юкоз, кс 1.6, фильмы онлайн,игры - Реклама




Главная » Файлы » Скрипты для укоз » Скрипты для укоз бесплатно

Скрипт раскрывающегося меню
29.07.2011, 10:11
  • Скрипт для Ucoz - раскрывающиеся менюСкрипт для Ucoz - Раскрывающиеся меню.
    Скрипт сделан на списках, css и javascript скрипте.

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

    <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 5px;
    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(ccылка на стрелку или иконку) 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="Описание при наведении">Название страницы</a></li>
    <li><a href="Сылка" title="Описание при наведении">Название страницы</a>
    <ul>
    <li><a href="Сылка" title="Описание при наведении">Название страницы</a>
    </li>
    </ul>
    <li><a href="Сылка" title="Описание при наведении">Название страницы</a>
    <ul>
    <li><a href="Сылка" title="Описание при наведении">Название страницы</a>
    <li><a href="Сылка" title="Описание при наведении">Название страницы</a>
    </ul>
    </li>
    </div>

    Категория: Скрипты для укоз бесплатно | Добавил: Fallen-angel
    Просмотров: 480 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *:




    Всё для укоз
    Фильмы
    Мы вконтакте
    Мы в Контакте
    Мы рекомендуем
    Календарь
    Стоимость сайта
    [color=#FF0000][/color]
    Бесплатный хостинг uCoz


    ) ) SteamBans.Ru, на
счетчике показанно: Кол-во посетителей за сегодня, просмотров страниц за 24 часа
и просмотров страниц всего. Game's TOP-100 Counter Каталог сайтов Всего.RU Топ100 - Игры Rambler's Top100