<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>