tags:

views:

33

answers:

2

How to bouncing images using jQuery when we hover the images?

+2  A: 

This would be like

$('img').bind('mouseenter', function(){
     $(this).effect("bounce", { times:3 }, 300);
});

using jQuery UI effects.

jAndy
thanks :) waiting for you Andy
Rudi
These links were banned for a reason: http://meta.stackoverflow.com/questions/15650/ban-lmgtfy-let-me-google-that-for-you-links
Nick Craver
-1, Don't think this answer is helpful.
rahul
@Nick: oh wow, I didn't even know that. Well, at least I added a slighty advanced description. But for questions like this, I take the shame for that.
jAndy
Taking back my down vote since you have provided an answer. Its better if you can delete that link also.
rahul
+3  A: 

I'm not sure exactly what you're looking for, but if you're using jQueryUI, it has a bounce effect.

Try it out: http://jsfiddle.net/G8Ste/

$('#myimage').mouseenter(function() {
    $(this).effect('bounce',500);
});​

You can test the various effects here:

http://jqueryui.com/demos/effect/

patrick dw
@patrick: predatory! :p
jAndy
@jAndy - You must be kidding.
patrick dw
@patrick: I am!
jAndy
@jAndy - this was posted while your answer was just a LMGTFY link...
Nick Craver
@jAndy - Ok then... ;o)
patrick dw