ЭЙ, Стой!!! Скрипт Красивое горизонтальное меню для uCoz

Автор: | 21.02.2020

на главную nocrisise.ruназ к меню на CSS

горизонтальное меню для сайта ucoz: Тёмное горизонтальное меню для сайта 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>


По теме:

CSS

меню для сайтов ucoz

меню ucoz

 

Читайте также:  ЭЙ, Стой!!! Тёмное меню для сайта Ucoz

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *