горизонтальное меню для сайта ucoz: Тёмное горизонтальное меню для сайта ucoz. Красивое, простенькое меню для ucoz.
Установка:
# Установим стили для меню в CSS:
/* ——- New Menu nocrisise.ru—— */
<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>
/* ——-nocrisise.ru———- */
# Затем поставим скрипт, который будет «растворять» пункт меню при наведении на него мышкой:
Code
<script type=»text/javascript»>
$(‘#menu a’).hover(function () {
$(this).animate({
opacity: 0.5
},
1000);
},
function () {
$(this).animate({
opacity: 1
},
1000);
});
</script>
# Само меню:
Code
<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>
По теме:
меню ucoz