Меню сайта
Мы в соц сетях
Опросы
Оцените мой сайт


Результаты Архив опросов
Всего ответов: 183
Статистика


Рейтинг SIMPLETOP.NET
Besucherzahler ukrain women
счетчик посещений
Мини-профиль
Наша кнопка
Мы будем вам признательны если вы разместите нашу кнопку у себя на сайте.Если вы хотите обменятся с нами баннерами,пишите в




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

    • 14.07.2025
    • У вас нет прав
    • Загрузок: 0

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

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

    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 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>
Скачивать могут только зарегистрированные пользователи!
Регистрация · Вход
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]