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