<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>
Последние темы на форуме:
| Почтовые акки с паролями |   |   
| Общение "часть 2 " |   |   
| Обмен регистрациями (Бесплатная раскрутка вашего сайта) |   |   
| Требуются Модераторы и Журналисты |   |   
| Оцените HD - кинотеатр |   |   
| Всего комментариев: 0 | |