Главная I Love 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://www.i-love-ucoz.ru'>Главная</a></li>  
  <li><a href='http://www.i-love-ucoz.ru'>Гостевая</a></li>  
  <li><a href='http://www.i-love-ucoz.ru'>Форум</a></li>  
  <li><a href='http://www.i-love-ucoz.ru'>Блог</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>
Категория: Меню | Добавил: SanyD (15.08.2012)
Просмотров: 583 | Теги: укоз, меню Рейтинг: 5.0/1
Всего комментариев: 0
">Понравился скрипт или статья? Вы можете выразить благодарность данному сайту переводом средств на его развитие(R192495548870) или посетить одну из рекламных ссылок расположенных справа, в блоке "Реклама".

Имя *:
Email:
Код *: