Jquery bouncing images hover

Question

How to bounce images using jQuery when hovering images?

Answer 1

It will be like

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

using jQuery user interface effects.

Answer 2

I'm not sure exactly what you are looking for, but if you use jQueryUI it has an effect bounce.

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

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

Here you can test various effects:

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