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