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

Меню сайта v 1.0 by axidreu
22.06.14, 15:31:52



В то место, где хотите видеть меню, вставляйте следующий код:
Код
<style type="text/css">  
  .suckerdiv ul{  
  margin: 0;  
  padding: 0;  
  list-style-type: none;  
  width: 185px; /* Width of Menu Items */  
  border-bottom: 1px solid #000000;  
  }  
  .suckerdiv ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 180px; /* Width of Menu Items */
  border-bottom: 1px solid #212121;
  }

  .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: #292929;
  padding: 8px 15px;
  border: 1px solid #212121;
  border-bottom: 0;
  }

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

  .suckerdiv ul li a:hover{
  background: url(http://s52.radikal.ru/i135/0910/1c/7db37baabbda.gif);
  }

  .suckerdiv .subfolderstyle{
  background: url(http://s52.radikal.ru/i135/0910/1c/7db37baabbda.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="Сылка">Название страницы</a></li>
  <li><a href="Сылка">Название страницы</a></li>
  <li><a href="Сылка">Название страницы</a>
  <ul>
  <li><a href="Сылка">Название страницы</a></li>
  <li><a href="Сылка">Название страницы</a>
  <ul>
  <li><a href="Сылка">Название страницы</a></li>
  <li><a href="Сылка">Название страницы</a></li>
  </ul>
  </li>
  </ul>
  </li>
  </ul>
  </div>


Всё smile
Категория: Меню | Добавил: Apocalypse | Теги: by, 1.0, axidreu, сайта, Меню
Просмотров: 441 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: