Would you like to Create a Realistic Hover Effect With jQuery? It adds a rising hover effect to a set of icon links using jQuery’s animate effect. In a nutshell, the JS appends the reflection/shadow to each <li>, then animates the position and opacity of these elements and the icon links on hover. And .stop() eliminates any queue buildup from quickly mousing back and forth over the navigation.
Requirements: jQuery Framework
Demo: http://adrianpelletier.com/sandbox/jquery_hover_nav/
License: License Free





Very nice javascript effect!
Definetly something to remember for use in future projects.
nice post!!
thanks!!
This is fatanstic! I just want to implement in my site soon.
Looks great! Thanks for posting
That’s really a neat effect. Thanks for sharing!
Great stuff
I love it
Great work dude
RSS feed for comments on this post · TrackBack URI