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