Скрипт для Ucoz - Раскрывающиеся меню - 17 Сентября 2011 - WebDesign Planet
Вы сейчас тут: Главная » 2011 » Сентябрь » 17
Популярные новости
Наибольшая активность в новостях
Новое на сайте
Последние добавления
Новые комментарии
Новые комментарии к новостям
17:42
17:37
07:57
15:35
19:25
21:54
21:53
22:04
11:49
05:35
Скрипт для Ucoz - Раскрывающиеся меню
Категория: Скрипты для uCoz | Просмотров: 852 | Добавил: wd-planet | Дата: 19.05.2024

Скрипт для Ucoz - Раскрывающиеся меню

Скрипт сделан на списках, 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(http://wd-planet.ucoz.org/img/EmnAR_.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="Описание при наведении">Название страницы</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
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация   Вход
На правах рекламы
Оплаченные рекламные места
Нас поддерживают
Финансовая поддержка сайта
Навигация
Навигация по сайту
Авторизация
Форма входа на сайт
Категории раздела
Категории материалов
Реклама
;-)
Архив записей
Архив материалов сайта
Календарь
Календарик на сайте
«  Сентябрь 2011  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
2627282930
Обмен баннерами
Наш баннер и баннеры друзей
Получить код

Добавить свой банер Добавить свой банер

Добавить свой банер Добавить свой банер
Статистика
Сатистика на сайте

Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright WebDesign Planet © 2024
| * |