Главная » Статьи » Скрипты

Вертикальное меню
Code
<style type="text/css">  
.suckerdiv ul{margin: 0;padding: 0; list-style-type: none; font: bold 12px Verdana, Helvetica, sans-serif; width: 190px; border-bottom: 1px solid #ccc;}
.suckerdiv ul li{position: relative;}
.suckerdiv ul li ul{position: absolute;width: 190px; top: 0;visibility: hidden;}
.suckerdiv ul li a{display: block;overflow: auto;color: black;text-decoration: none;background: #fff;padding: 6px 5px;border: 1px solid #ccc;border-bottom: 0;}
.suckerdiv ul li a:visited{color: black;}
.suckerdiv ul li a:hover{background-color: #ebebeb;}
.suckerdiv .subfolderstyle{background: url(/images/arrow.gif) no-repeat center right; background-color: #ffffff;}
</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>
<li><a href="#">CSS</a></li>
</ul>
</div>  
<!-- /Содержимое-->

Сылка и Название страницы надо заменить на своё

Также надо залить эту картинку в папку images

Источник: http://tvoy.ucoz.ru/_pu/0/85749.png

Категория: Скрипты | Добавил: admin (26.01.2009)
Просмотров: 631 | Комментарии: 2 | Рейтинг: 0.0/0
Всего комментариев: 1
xvleura #1 Добавил  xvleura 11.03.2009 в 22:43
0  

barbarian

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
Гость

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Категории раздела
Скрипты [41]

Поиск

Наш опрос
Какая у вас самая любимая доменная зона на uCoz?

Всего ответов: 1541

Друзья сайта

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Облако тегов


Copyright MyCorp © 2024
Бесплатный конструктор сайтов - uCoz | Design by Daemond Studio.