menuFlip - jQuery Plugin for Flipping Navigation
menuFlip is a jQuery plugin for adding a flipping, marquee type effect to text based navigational menu items when hovered over without needing to use background images, which can be a pain.
Menu Example
HTML
All you need is this simple markup.
You can optionally specify the text you want to use for the flipped menu item using the data-flipped-text
attribute in each link:
Calling the Plugin
CSS
No extra CSS is required for this plugin to function, but you'll probably want to define a width for the ul
or float the li
elements to the left so they are inline. Also, the flipped items have a class of flipped_item
so you can style that puppy as you like. Here's an example of the CSS for the above example: