|
Анимированное меню
|
|
Суббота, 08.05.2010, 08:43
Проверенный
| Установка: 1. Для начала установим стили для меню: Code <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. Затем поставим скрипт, который будет "растворять" пункт меню при наведении на него мышкой: Code <script type="text/javascript">
$('#menu a').hover(function () {
$(this).animate({
opacity: 0.5
},
1000);
},
function () {
$(this).animate({
opacity: 1
},
1000);
});
</script> 3. Ну и само меню: 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> Ну вот и всё. С вами был $USERNAME$. |
|
Суббота, 08.05.2010, 08:54
Проверенный
| $USERNAME$, о спасиб, прикольное меню |
|
Суббота, 08.05.2010, 09:46
Проверенный
| Отличное меню. Пригодилось |
|
Суббота, 08.05.2010, 17:27
Проверенный
Ага .прикольно  |
Я не такой уж сообразительный. Я стараюсь наблюдать. Миллионы видели падающее яблоко, но только Ньютон спросил себя, почему оно падает. |
|
Суббота, 08.05.2010, 20:51
Проверенный
| Очень хорошая вещь |
Занимаюсь оптимизацией сайтов работа платная!!!
Создания уникальной статьи для сайт от (1000 символов) от 4$
Корректировка и оптимизация содержания и контента страниц вашего (Cайта) от 10$
Белая оптимизация вашего (Сайта) от 15$
Черная оптимизация вашего (Сайта от 15$ |
|
Понедельник, 10.05.2010, 08:33
Пользователь
| ну 1 и 3 понятно а вот 2 не понятно куда скрипт вставлять??) скрипт хороший) молодец! |
|
Вторник, 11.05.2010, 17:38
Удаленные
|
Проверенный
| Lac0ste, сам скрипт ставить в конец body. |
|
Проверенный
| $USERNAME$, сансей в системе uCoz. Пасиб за меню) |
|
|
Проверенный
Спасибо, но
Quote ($USERNAME$) opacity: 0.5
некоторые браузеры будут недовольны?) |
|
Проверенный
| $USERNAME$ сспасиб за что то новое) |
|
Пользователь
 8 из 10 |
|
Проверенный
Quote (Pavlyuchenko) некоторые браузеры будут недовольны?) В jQuery всё кроссбраузерно. Для IE будет применено filter(opacity=value), для старых версий Firefox — -moz-opacity. |
|
Заблокированные
| $USERNAME$, отлично, мне нравиться.... поставить надо! |
|
Проверенный
| у тебя все скрипты красивый |
|
