jquery

[I_V_O]

Как мога с jquery да създам нещо като hover ефект. В смисъл когато се мине с мушката върху обект (mouseover събитие) да изпълнява анимация, а когато се махне да връща обекта в изходно положение. Например да променя позицията по Y му с 20 px. Мерси предварително

 

[emagi]

http://snook.ca/archives/javascript/jquery-bg-image-animations/
Незнам дали ще ти свърши работа

 

[akolevutd]

	$('a.class').hover( function() {
		$(this).css('background',  'image_rellover.gif');
	 }, function() {
		$(this).css('background',  'image_default.gif');
	 });

 

[I_V_O]

	$('a.class').hover( function() {
		$(this).css('background',  'image_rellover.gif');
	 }, function() {
		$(this).css('background',  'image_default.gif');
	 });

Мреси, но става един бъг ако доакто тече анимацията махнем курсора от обекта и пак го сложим анимацията се повтаря... как да се справя с този проблем?

 

[shterev]

с prototype , може и да ти помогна , но с jquery не съм работил.

 

[I_V_O]

Може и с prototype.

 

[akolevutd]

	$('a.class').hover( function() {
		$(this).css('background',  'image_rellover.gif');
	 }, function() {
		$(this).css('background',  'image_default.gif');
	 });

Мреси, но става един бъг ако доакто тече анимацията махнем курсора от обекта и пак го сложим анимацията се повтаря... как да се справя с този проблем?

Логично. Анимацията не може да продължи от там докъдето е прекъсната. Това не е флаш.

 

[I_V_O]

Имало начин:

$("#picture1").hover(
					function(){$(this).stop().animate({opacity: "1.0", top: "0"}, 400)},
					function(){$(this).stop().animate({opacity: "0.5", top: "20"}, 400)}
				)