Четверг, 28.03.2024, 13:35
Скрипты для Ucoz
Карта сайта
Главная | Горизонтальное меню (трясётся при наведении курсора) - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Горизонтальное меню (трясётся при наведении курсора)
Горизонтальное меню (трясётся при наведении курсора)
bandjukДата: Понедельник, 23.01.2012, 01:21 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Вставляем код в место, где хотит видеть меню:



Код:

Code

<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://ssilki.at.ua'>Главная</a></li>   
   <li><a href='http://ssilki.at.ua/forum'>Форум</a></li>   
   <li><a href='http://ssilki.at.ua/publ'>Каталог статей</a></li>   
   <li><a href='http://ssilki.at.ua/load'>Каталог файлов</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>


Материалы на эту же тему:

Скрипт "Сворачивание админ-бара"
Скрипт красивого слайд-шоу с обоями
Скрипт "Красивые анимированные тёмные кнопки для форума"
Новогодний скрипт для Ucoz
Скрипт "Переключатель страниц светлый"
Скрипт "Переключатель страниц желтого цвета"
Скрипт "Красивый переключатель страниц тёмного цвета"
Скрипт "Отображение лимита символов в личных сообщениях"
Индикатор символов в мини-чате Ucoz
Скрипт "Счётчик символов и слов в тексте"
Скрипт "Отображение лимита символов на форуме"
Скрипт "Счетчик символов в личных сообщениях Ajax"
Скрипт "Кнопка добавить материал, новость"
Скрипт "Фоновое изображение на форуме"
 
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Горизонтальное меню (трясётся при наведении курсора)
  • Страница 1 из 1
  • 1
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2024

Создать бесплатный сайт с uCoz