Главная
Категория: Онлайн Программы30.04.2015 в House 2
House 2
House 2
Категория: Онлайн Программы30.04.2015 в NEW EDM CUBE 2!!! (Создание музыки онлайн)
NEW EDM CUBE 2!!! (Создание музыки онлайн)
NEW EDM CUBE 2!!! (Создание музыки онлайн)
Категория: Онлайн Программы14.09.2014 в NEW EDM CUBE!!! (Создание музыки онлайн)
NEW EDM CUBE!!! (Создание музыки онлайн)
NEW EDM CUBE!!! (Создание музыки онлайн)
Категория: Онлайн Игры08.06.2014 в Transformers 3: Victory is Sweet
Transformers 3: Victory is Sweet
Transformers 3: Victory is Sweet
Категория: Скрипты для ucoz22.05.2014 в Автоматическое заполнение тегов ucoz
Автоматическое заполнение тегов ucoz
Автоматическое заполнение тегов ucoz
Популярные файлы
  • Комедия
  • Боевик
  • Триллер
Навигация по сайту: Развлекательный портал » Каталог файлов » Ucoz » Необычное меню для ucoz

Необычное меню для ucoz

0 604
Категория: Ucoz » Меню для ucoz Опубликовал: DavGev Дата: 19.05.2013
Необычное меню для ucoz

Необычное меню для ucoz

Меню для ucoz - Необычное меню для ucoz

Что же тут такого необычного в обыкновенном, горизонтальном меню для ucoz спросите Вы. Когда курсор попадает в область категорий меню, оно начинает "дрожать". Необычный эффект. Так что новая возможность меню ucoz должна понравиться пользователям Вашего ресурса. Так же представляю вам ДЕМО этого меню.

Вставляем код туда, где хотим видеть ваше меню ucoz: 


<style> 
#menu {list-style:none;margin:0;padding:0;} 
#menu a {font:11px Arial;font-weight:bold;
color:#fff;text-decoration:none;display:block;margin-top:4px;padding-top:3px;} 
#menu li {float:left;display:block;width:100px;height:30px;margin:1px;
background:#000;text-align:center;cursor:pointer;} 
#menu li:hover {background:#FF9900;} 
</style> 
<ul id='menu'> 
<li><a href='http://ВАШ САЙТ'>Главная</a></li> 
<li><a href='http://ВАШ САЙТ'>Гостевая</a></li> 
<li><a href='http://ВАШ САЙТ'>Форум</a></li> 
<li><a href='http://ВАШ САЙТ'>Блог</a></li> 
</ul > 
<script> 
li = document.getElementById('menu').getElementsByTagName('a'); 
e=1; 
document.getElementById('menu').onmouseover = function(){ 
b = setInterval(function(){ 
if(e<8){e=e+0.5} 
for(i=0;i<li.length;i++){ 
li[i].style.paddingTop=Math.random()*e+'px'; 
li[i].style.paddingLeft=Math.random()*e+'px'; 
} 
},10)}; 
document.getElementById('menu').onmouseout = function(){ 
clearInterval(b); 
for(i=0;i<li.length;i++){ 
li[i].style.paddingTop='3px'; 
li[i].style.paddingLeft='0px'; 
e=1; 
} 
}; 
</script>
Источник: wallaby.ucoz.ru

Источник материала: Не указан.
Комментарии к новости
Всего комментариев: 0
Внимание!
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Комментарии:
Уважаемый пользователь, вы не можете оставлять комментарии к данной новости. Возможно вы не авторизованы или входите в группу которым запрещено совершать данное действие.