Вставляем код в место, где хотит видеть меню:
Код:
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"
Скрипт "Кнопка добавить материал, новость"
Скрипт "Фоновое изображение на форуме"