How to Make a Smooth Animated Menu with jQuery
Posted on May 23, 2009 by admin
Filed Under How To | Tags: design |
This menu has a smooth animation using “easing” effect. There are two actions in the code used here. When the mouse moves over a menu item, that item starts an animation where it expands to 150px tall over 0.6 seconds. The easing applied through the plugin is ‘easeOutBounce’ which causes the box to “bounce” a little as it reaches the end of the animation (”out”). When the mouse is moved off the animation to the starting size is triggered.
Source: http://devsnippets.com/article/10-transition-effects-the-art-of-showinghiding-content.html
Leave a Reply