Create flipping menu links with this extremely lightweight jQuery plugin.
##Usage HTML:
<ul id="menuFlip">
<li><a href="link1.html">Link 1</a></li>
<li><a href="link1.html">Link 1</a></li>
<li><a href="link1.html">Link 1</a></li>
<li><a href="link1.html">Link 1</a></li>
</ul>
You can optionally specify the text you want to use for the flipped menu item using the data-flipped-text
attribute in each link:
<li><a href="link1.html" data-flipped-text="Flipped Text">Link 1</a></li>
JS:
$('#menuFlip').menuFlip({
li_height : '20px',
flip_speed : 150,
flipped_class : 'flipped_item',
mouseover : function() {},
mouseout : function() {}
});