🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

menuFlip is a fast and simple jQuery plugin that allows you to create flipping navigation menus. The flipped links have a class of ‘flipped_item’ by default so can style as you like.

Flip

Documentation

jQuery menuFlip

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() {} });

You May Also Like