<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.nizckod.ru'>Главная</a></li>   
   <li><a href='http://www.nizckod.ru'>Гостевая</a></li>   
   <li><a href='http://www.nizckod.ru'>Форум</a></li>   
   <li><a href='http://www.nizckod.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>