Движение картинки при наведении курсора

Категория JavaScripts (jQuery, AJAX)

Движение картинки при наведении курсора – урок о том как привести в движение картинку при наведении на нее “мышки” на jQuery.

Пример урока “Движение картинки при наведении курсора”

Стили:

Подключение библиотеки jQuery:

Определение функций jQuery:

$("#diagonalSlide").hover( function(){$(this).find("img").stop().animate({left:-300,top:-300},500);}, function(){$(this).find("img").stop().animate({left:0,top:0},500);}); });

Пример блока (более подробно посмотрите исходный код примера):

topSlide – картинка наверх
bottomSlide – уходит вниз
leftSlide – влево
rightSlide – вправо

Если не знаете что да как, вот урок – “Вводный курс в jQuery“

Другие посты, близкие по теме:

]]>

Добавить в закладки

]]>

Теги: jQuery, юзабилити

августа 3, 2009

Оставьте комментарий: