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