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.
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
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: