В архиве этот код есть...
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) }); });
|