Скрипты для uCoz

Сайт посвящён владельцам сайтов системы uCoz

У нас вы найдете: Скрипты для uCoz, Шаблоны для uCoz, Все для uCoz, различные Иконки для форума.
Карта сайта Контакты Главная

Чат

Cервис On-Line

Реклама

ASAAS

Авторизация



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

Реклама

Опрос

Что появилось раньше ?


Партнёры

SADDASD

Статистика

  Зарег. на сайте

Всего: 11454
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0

  Из них

Администраторов: 1
Модератор форума:
Проверенных: 0
Обычных юзеров: 11451

  Из них

Парней: 11449
Девушек: 4

Счётчики

CY and PR

Топ100- Веб-дизайн

   Главная » Файлы » Скрипты для uCoz » Выпадающее меню для ucoz НОВОЕ    

   Уважаемый гость, чтобы скачать файл вы должны  зарегестрироваться!

Установка:
1) Это мы ставим в CSS

Code
.menu {padding:0; margin:0; width:200px; border-top: 1px solid #ccc;}    
.menu li {background-color:#ebebeb; margin:0; padding: 6px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}    

* html .menu li {background-color:#ebebeb; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}    

.menu li a {display: block; position: relative; text-decoration: none; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#aaaaaa; margin:0;}    

.menu li ul {display: none; position: absolute; width:200px; left:198px; margin:0; padding:0; top: -1px; border-top: 1px solid #ccc;}    
.menu ul ul { left: 198px; }    

.menu li:hover ul ul,    
.menu li:hover ul li:hover ul ul,    
.menu li.sfHover ul ul,    
.menu li.sfHover ul li.sfHover ul ul { display: none; }    

.menu li:hover ul,    
.menu li:hover ul li:hover ul,    
.menu li:hover ul li:hover ul li:hover ul,    
.menu li.sfHover ul,    
.menu li.sfHover ul li.sfHover ul,    
.menu li.sfHover ul li.sfHover ul li.sfHover ul { display: block; }    

.menu li:hover, li.sfHover { background: #E3E3E3; }    
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#999999;}    

.in {background-image: url(arrow2.gif);background-position: right;background-repeat: no-repeat;}

2) Это ставим между и :

Code
<script type="text/javascript">    
sfHover = function() {    
var sfEls = document.getElementById("menu").getElementsByTagName("li");    
for (var i=0; i<sfEls.length; i++) {    
sfEls[i].onmouseover=function() {    
this.className+=" sfhover";    
}    
sfEls[i].onmouseout=function() {    
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");    
}    
}    
}    
if (window.attachEvent) window.attachEvent("onload", sfHover);    
</script>

3) А вот это само меню:

Code
<ul class="menu" id="menu">    
<li><a href='http://ucoz-fan.3dn.ru/'>Первый пункт</a></li>    
<li class="in"><a href=http://ucoz-fan.3dn.ru/'>Второй пункт</a>    
<ul>    
<li><a href='#'>Первый уровень вложения</a></li>    
<li class="in"><a href='#'>Первый уровень вложения</a>    
<ul>    
<li><a href='#'>Второй уровень вложения</a></li>    
<li><a href='#'>Второй уровень вложения</a></li>    
</ul>    
</li>    
</ul>    
</li>    
<li><a href='#'>Point</a></li>    
<li><a href='#'>Point</a></li>    
</ul>





BBCode:
HTML:   
[ Скрыть ссылки ]



  Категория: Скрипты для uCoz | Добавил: AZOT | Просмотров: 419 | Загрузок: 0 | Рейтинг: 0.0/0 |

Добавление комментария

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

 


Вверх