Hi guys, I’m going to share some interesting tip to add a nice hover effect on images with simple jquery code.

Image hover effect using jquery

Jquery Code

$(document).ready(function(){
    $('.hover-item').live('hover', function(e) {
		if( e.type == 'mouseenter' )
			$(this).stop().animate({opacity:0.3},400);

		if( e.type == 'mouseleave' )
			$(this).stop().animate({opacity:1},400);
     });
});

Usage

<img src="65.gif." class="hover-item" /> 

Please don’t forget to share and subscribe to latest updates of the blog.

Thanks!

If you enjoyed this article, Get email updates (It’s Free)
http://w3lessons.info/wp-content/uploads/2012/09/image-hover-effect-jquery1.pnghttp://w3lessons.info/wp-content/uploads/2012/09/image-hover-effect-jquery1-150x150.pngKarthikeyan KjqueryWeb DesignImage Effect,Jquery,tips & tricks
Hi guys, I'm going to share some interesting tip to add a nice hover effect on images with simple jquery code.Jquery CodeUsagePlease don’t forget to share and subscribe to latest updates of the blog.Thanks!