Статистика

На сайте: 1
Гостей: 1
Юзеров: 0
Главная » Файлы » Ucoz меню

Реалистичное меню для ucoz
[ · Скриншот ] 23.12.2010, 16:44
В архиве этот код есть...
Code:

//код запускается после загрузки страницы

jQuery(function(){
        
//аппендим для каждой ссылки тень
$('.menu td').append('
<div align="center"><img src="img/icons-shadow.png"></div>
')
        
//действия при наведении курсора на ссылку
$('.menu td').hover(function(){
//поднимаем картинку с ссылкой на 30px
$(this).find('a').stop().animate({top:'-30'},300);
//и тут же опускаем на 10px (для эффекта bounce)
$(this).find('a').animate({top:'-20'},300)
//уменьшаем тень и делаем ее полупрозрачной
$(this).find('img').stop().animate({opacity:'.3',height:'25px'},300)
//Отображаем комментарий к ссылке
$(this).find('span').stop().animate({opacity:'.7',bottom:'15px'},300)
},
        
//действия при убирании курсора с ссылки
function(){
//опускаем ссылку
$(this).find('a').stop().animate({top:'10',}, 300);
//скрываем комментарий
$(this).find('span').stop().animate({opacity:.0,bottom:'20px'},300)
//увеличиваем тень и убираем прозрачность
$(this).find('img').stop().animate({opacity:1.0,height:'30px'},300)
});
});




Категория: Ucoz меню | Добавил: vinilki | Теги: реалистичное меню для ucoz, Горизонтальное меню для ucoz
Просмотров: 827 | Загрузок: 1 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]