Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Cкрипты » Готовые скрипты для UCOZ » Трусливое меню для сайта
Трусливое меню для сайта
rtf-rusДата: Суббота, 12.12.2009, 23:12 | Сообщение # 1
Admin
Группа: Admin
Сообщений: 64
Репутация: 7
Бог сайта и форума За хорошую посещаемость на форуме

За создание сайта За 10 Сообщений За 20 Сообщений За 30 Сообщений За 40 Сообщений За 60 Сообщений
Статус:
Пример: http://www.portale.at.ua/drmenu.html
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://www.portale.at.ua/'>Главная</a></li>
<li><a href='http://www.portale.at.ua/404.txt'>Гостевая</a></li>
<li><a href='http://www.portale.at.ua/forum/'>Форум</a></li>
<li><a href='http://www.portale.at.ua'>Блог</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>

Помог ставь +


 
Форум » Cкрипты » Готовые скрипты для UCOZ » Трусливое меню для сайта
  • Страница 1 из 1
  • 1
Поиск:

Бесплатный конструктор сайтов - uCoz