Установка:
1. Для начала
установим стили для меню:
<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>
2. Затем поставим скрипт, который будет "растворять" пункт меню при
наведении на него мышкой:
<script
type="text/javascript">
$('#menu a').hover(function () {
$(this).animate({
opacity: 0.5
},
1000);
},
function () {
$(this).animate({
opacity: 1
},
1000);
});
</script>
3. Ну и само меню:
<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>
Ну вот и всё.
