Анимированное меню для ucoz


Меню для ucoz - Красивое меню для ucoz

Красивое анимированное меню для ucoz! При наведении мышки на пункт меню, он затухает!


Установка:

Ставим в CSS это:


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>


Потом между и ставим это:

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 | Добавил: AID | Дата: 09.09.2011
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz