https://github.com/grimmdude/jquery-menuflip

Create animated flipping menu links with this extremely lightweight jQuery plugin.
https://github.com/grimmdude/jquery-menuflip

animation jquery jquery-menuflip menu navigation

Last synced: about 2 months ago
JSON representation

Create animated flipping menu links with this extremely lightweight jQuery plugin.

• Host: GitHub
• URL: https://github.com/grimmdude/jquery-menuflip
• Owner: grimmdude
• Created: 2011-12-04T20:48:43.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2017-01-28T04:36:35.000Z (over 8 years ago)
• Last Synced: 2025-02-16T10:04:33.788Z (3 months ago)
• Topics: animation, jquery, jquery-menuflip, menu, navigation
• Language: JavaScript
• Homepage:
• Size: 46.9 KB
• Stars: 38
• Watchers: 7
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
jQuery menuFlip

===============

Create flipping menu links with this extremely lightweight jQuery plugin.

##Usage

HTML:

```html



    
Link 1

    
Link 1

    
Link 1

    
Link 1



```

You can optionally specify the text you want to use for the flipped menu item using the `data-flipped-text` attribute in each link:

```html

Link 1

```


JS:

```js

$('#menuFlip').menuFlip({

    li_height       : '20px', 

    flip_speed      : 150, 

    flipped_class   : 'flipped_item', 

    mouseover       : function() {}, 

    mouseout        : function() {}

});

```