<style type="text/css">  

   #menu {  
   background: #3e3e3e;  
   padding: 7px 25px 7px 25px;  
   text-align: center;  
   border: 5px solid #00b4ff;  
   }  

   #menu a {  
   font-variant: small-caps;  
   text-decoration: none;  
   font-weight: bold;  
   color: white;  
   font-size: 10pt;  
   padding: 7px;  
   font-family: Tahoma;  
   }  

   #menu a:hover {  
   background: #b52828;  
   }  

   </style>

<script type="text/javascript">  
$('#menu a').hover(function () {  
   $(this).animate({  
   opacity: 0.5  
   },  
   1000);  
},  
function () {  
   $(this).animate({  
   opacity: 1  
   },  
   1000);  
});  
</script>

<div id="menu">  
   <a href="/">  
   главная  
   </a>  
   <a href="/forum">  
   форум  
   </a>  
   <a href="/load">  
   софт  
   </a>   
   <a href="/publ">  
   фильмы  
   </a>  
   <a href="/index/8">  
   профиль  
   </a>  
   <a href="/index/10">  
   выход  
   </a>  
   </div>