Главная » Файлы » Скрипты для uCoz » Меню

Вертикальное раздвижное меню для uCoz
21.06.14, 16:27:04



Установка:

Вставляем туда, где хотим видеть меню:
Код
<!--U1AAMENU1Z--><div style="display:inline;" id="menuDiv"><!-- UcoZMenu --><style type="text/css">
  .suckerdiv ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 183px; /* Width of Menu Items */
  border-bottom: 1px solid #000000;
  }

  .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: #FFFFFF;
  text-decoration: none;
  background: #000000;
  padding: 8px 15px;
  border: 1px solid #FFFFFF;
  border-bottom: 0;
  }

  .suckerdiv ul li a:visited{
  color: #FFFFFF;
  }

  .suckerdiv ul li a:hover{
  background: url(http://cyber-arena.moy.su/design/img/1.gif);
  }

  .suckerdiv .subfolderstyle{
  background: url(http://cyber-arena.moy.su/design/strelka.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="http://cyber-arena.moy.su/" title="Главная страница">Главная</a></li>
  <li><a href="/forum/" title="Форум">Форум</a>
  <li><a href="/gb/" title="Банеробмен">Банеробмен</a>
  <li><a href="/dir/1" title="xtEns1on-Top">xtEns1on-Top</a>
  <li><a href="/blog/" title="Мониторинг">Мониторинг</a>
  <li><a href="/load/93" title="Музыка">Музыка</a>
  <li><a href="/load/41" title="Все для uCoz">Все для uCoz</a>
  <ul>
  <li><a href="/load/76" title="Шаблоны сайтов">Шаблоны сайтов</a>
  <li><a href="/load/59" title="Иконки форума">Иконки форума</a>
  <li><a href="/load/42" title="Шапки сайтов">Шапки сайтов</a>
  <li><a href="/load/44" title="Иконки групп">Иконки групп</a>
  <li><a href="/forum/10" title="Скрипты">Скрипты</a>
  <li><a href="/load/46" title="Софт">Софт</a>
  <li><a href="/load/92" title="Прочее">Прочее</a>
  </ul>
  </li>
  <li><a href="/load/80" title="Все для Photoshop">Все для Photoshop</a>
  <ul>
  <li><a href="/load/81" title="Кисти">Кисти</a>
  <li><a href="/load/82" title="Исходники (шаблоны)">Исходники (шаблоны)</a>
  <li><a href="/load/83" title="Стили">Стили</a>
  <li><a href="/load/91" title="Шрифты">Шрифты</a>
  <li><a href="/load/84" title="Градиенты ">Градиенты </a>
  <li><a href="/load/85" title="Плагины ">Плагины</a>
  <li><a href="/load/86" title="Плагины ">Action</a>
  <li><a href="/load/87" title="Формы ">Формы</a>
  <li><a href="/load/88" title="Узоры (Patterns)">Узоры (Patterns)</a>
  <li><a href="/load/90" title="Другое для Photoshop ">Другое для Photoshop</a>
  <li><a href="/forum/46" title="Форум по Photoshop">Форум по Photoshop</a>
  </ul>
  </li>
  <li><a href="/board/" title="Фильмы онлайн">Фильмы онлайн</a>
  <ul>
  <li><a href="/board/2" title="Боевики ">Боевики </a>
  <li><a href="/board/4" title="Комедии">Комедии</a>
  <li><a href="/board/6" title="Фантастика">Фантастика</a>
  <li><a href="/board/8" title="Приключения">Приключения</a>
  <li><a href="/board/3" title="Ужасы">Ужасы</a>
  <li><a href="/board/5" title="Анимэ">Анимэ</a>
  <li><a href="/board/7" title="Юмор ">Юмор</a>
  <li><a href="/board/9" title="Мульты">Мульты</a>
  </ul>
  </li>
  <li><a href="/load/60" title="Игры">Игры</a>
  <ul>
  <li><a href="/load/67" title="Action">Action</a>
  <li><a href="/load/63" title="Arcade ">Arcade </a>
  <li><a href="/load/62" title="Racing">Racing </a>
  <li><a href="/load/65" title="RPG">RPG</a>
  <li><a href="/load/64" title="Simulation">Simulation</a>
  <li><a href="/load/61" title="SPORT">SPORT</a>
  <li><a href="/load/66" title="Strategy">Strategy</a>
  </ul>
  </li>
  <li><a href="/publ/" title="Развлечение">Развлечение</a>
  <ul>
  <li><a href="/index/0-6" title="Чат">Чат</a>
  <li><a href="/index/0-8" title="Рисовалка">Рисовалка</a>
  <li><a href="/index/0-9" title="Поиск музыки">Поиск музыки</a>
  <li><a href="/index/0-2" title="WMR БОНУС">WMR БОНУС</a>
  <li><a href="/index/0-28" title="Гдз для 7-11 классов">Гдз для 7-11 классов</a>
  <li><a href="/index/0-5" title="Создание банера">Создание банера</a>
  <li><a href="/index/0-23" title="Создание аватаров">Создание аватаров</a>
  </ul>
  </li>
  <li><a href="/publ/" title="Установка">Установка</a>
  <ul>
  <li><a href="/publ/2" title="Установка оружия">Оружия</a>
  <li><a href="/publ/3" title="Установка перчаток">Перчаток</a>
  <li><a href="/publ/4" title="Установка игроков">Игроков</a>
  <li><a href="/publ/5" title="Установка спрайтов">Спрайтов</a>
  <li><a href="/publ/6" title="Установка звуков">Звуков</a>
  <li><a href="/publ/7" title="Установка меню игры">Меню игры</a>
  <li><a href="/publ/8" title="Установка карт">Карт</a>
  <li><a href="/publ/9" title="Установка конфигов">Конфигов</a>
  </ul>
  </li>
  </div><!-- /UcoZMenu --></div>


Всё, радуемся новому меню smile

Категория: Меню | Добавил: Apocalypse | Теги: вертикальное, ucoz, для, Меню, раздвижное
Просмотров: 523 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: