Главная Регистрация Вход
Приветствую Вас Гость!

StreeT SporT
StreeT SporT Уличный спорт (//treasers.moy.su) ТуТ ЕсТь ВсЕ
Главная » 2010 » Июнь » 25 » » Скрипт для ucoz: Анимированное меню
11:15
» Скрипт для ucoz: Анимированное меню
Анимированное меню

Скрипт Анимированное меню для uCoz - Это новейшее горизонтальное меню для сайтов системы укоз. Не сложная в установке. Сайт оживит сразу же после установки. При наведение на любую ссылку она сначала загорается красным прямоугольником, после чего этот текст ссылки становится серым цветом, после чего восстанавливается в обычный стандартный белый цвет. Это горизонтальное меню также подойдет к любым сайтам! За не сложных три шага можно с легкостью разукрасить свой сайт!
Установка:

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$.
Категория: Скрипты для uCoz | Просмотров: 543 | Добавил: }{0тt@бь)ч | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:

Категории раздела

Скрипты для uCoz [235]
Шаблоны для Ucoz [0]

Поиск

Профиль

Гость

Сообщения:

Группа:
Гости
Время:12:40

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Наш опрос

Оцените мой сайт
Всего ответов: 9

Мини-чат

Реклама

IP адрес

Узнай свой IP адрес

Администрация







Календарь

«  Июнь 2010  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
282930

Статистика

Кнопка

Друзья

zona-x.su - зона-х, хак портал, веб мастеринг, секреты вконтакте, бесплатная раскрутка сайта

Софт

Понедельник
26.09.2022
12:40


}{0тT@бь)ч Produced