Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Jquery Bouncing Images Hover

Tags:

jquery

image

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

like image 420
Rudi Avatar asked Jun 29 '26 09:06

Rudi


2 Answers

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/

like image 149
user113716 Avatar answered Jul 02 '26 20:07

user113716


This would be like

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

using jQuery UI effects.

like image 37
jAndy Avatar answered Jul 02 '26 19:07

jAndy



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!