Анимированное меню

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