Free for all purposes (private/commercial)
(The download package containes both)
jQuery (required)
» Download at jQuery site
jQuery easing plugin (optional)
» Download from jQuery Easing Plugin site
after including jQuery:
$('#hMenu').skyscraperMenu();
You can change the design by your needs (background, hilights and hover images, colors) with CSS in the jquery.skyscrapermenu.css.
| Option | Defaults | Info |
|---|---|---|
| activeMenuItem | 0 | [no. of active menu item] In example at top the first sub menu is set active [1] |
| activeMenuItemSub | 0 | [no. of active sub menu item] In example at top the third entry is set active [3] |
| readjustMenu | true | [true|false] |
| readjustFullWidth | true | [true|false] |
| speedIn | 400 | ms |
| speedOut | 500 | ms |
| animIn | easeOutBounce | Options: jQuery Easing Plugin site |
| animOut | easeOutBounce | Options: jQuery Easing Plugin site |
| activeClass | active/activeIE | You can use this for IE6 PNG issue: (jQuery.browser.msie && jQuery.browser.version <= 6) ? 'myActiveIE' : 'myActive' or just set a single CSS class. |
» Version 0.9.2 from 2009/12/07