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