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

    $('.hover-item').live('hover', function(e) {
		if( e.type == 'mouseenter' )

		if( e.type == 'mouseleave' )


<img src="65.gif." class="hover-item" /> 
[button type=”download” url=”http://w3lessons.info/demo/jquery-image-hover-effect.html” color=”orange” align=”after”]View Demo[/button]

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


Related Posts