navIgo - Multipurpose Responsive Navigation Plugin

YOU'LL BE ABLE TO really say this is really the ultimate navigation device!

In Italian language “navigo” manner “to browse”, so i feel the identify is ideal…

With SIXTY FIVE jQuery plugin parameters there are lots of customization options… actually!

in addition, any plugin parameter can also be overwritten in an instant from each and every menu <ul> information-attributes.

All menus in this web page are initialized with the similar jQuery plugin settings, the entire variations you spot among the menus are managed through data-attributes.

take a look at this! some of these features are pretty distinctive:

Code:

• Valid XHTML / CSS THREE markup
• Pass Browser Improve (IE9 – Firefox – Chrome – Opera – Safari) + browser fallback message for IE9 underneath circumstances
• 66 plugin parameters: you'll regulate virtually the rest, and straightforward!
• Multiple menus on one web page: and you can regulate nearly anything else for each menu, easy!
• Button mouseover or click habits: you can choose button interaction (it reflects in responsive mode too!)
• Not Obligatory “stayopen” class: useful for dropdown contained bureaucracy, movies… It avoids dropdown disappearing on mouseout
• Smart options control: each plugin parameter may also be overwritten through an an identical information characteristic within the <ul> tag of each menu, in this manner you'll set general regulations for all navbars at the web page, however you'll customise each menu merely adding attributes within the markup!
• Super simple markup: if you happen to take a look of the ul tags markup you'll see a very easy component construction!
  Primary packing containers are the <li> tags they usually can contain nearly anything else!
  Every <li> tag can also be setted in peak and width with both pixel or p.c values

Style:

• Horizontal or vertical orientation
• Reinforce for fullwidth dropdowns: any complex format allowed, text blocks, video, tables, typograpy pictures
• Main buttons car-width function: main level buttons with the similar width filling the full navbar width
• Simple skin keep watch over: set button colors, mouseover colours, text, shadows, alpha transparence directly with plugin parameters
• More Than One Google font improve: you'll set font sort and dimension for Major buttons, sub buttons /titles, subtitles and textual content
• Car lively-button state: in keeping with url address nevertheless it works even for # hyperlinks (useful for ajax loaded pages)
• Nice Shape elements styling, can manage even advanced paperwork layouts with many fields.
• Great predefined shadow styles: merely set by the use of plugin parameters
• Easy CSS3 transitions
• Alpha or slide jQuery FX for menu dropdown levels
• ZoomIn / ZoomOut / Slide Up image based buttons
• Nested buttons inside of one <li> : you'll handle pseudo tabular layouts
• Helpful css magnificence based totally component override: you can override buttons or dropdowns taste simply adding categories. Adding magnificence within the markup to set one single element or by way of jquery parameters to electrify entire navbar.
• Helpful colour inheritance machine: you'll be able to set colour class for a primary level button and enable or disable taste inheritance, to transmit colour to its submenus, and even to the dropdown bg.
• Useful Fontello primarily based icon support
• 25 predefined colours: able to use colour categories impressed from metro colors

Responsiveness:

• Programmable responsive behavior: you can set the restrict display answer for responsive mediaquery activation.
• Programmable responsive li tags full width: you can set the prohibit monitor solution for increase each li tag to 100% width.
• Different responsive button mouseover mode: if button has a dropdown, each and every following button disappear on mouseover, handiest dropdown might be proven.
• Cellular custom resize magnificence:you'll set any component specific mobile measurement with “cellular-w-..pc” class ( digit percent instead dots)orientation
• Responsive toggle-menu button: you'll allow or disable a menu wrapper with show/cover automatic button.

Changelog

20 March THIRTEEN – Version 1.1

• Fastened linking worm for “onClick” behavior

15 March THIRTEEN – Model 1.1

• Added onclick button behavior
• Brought tab mode (menu can also be used as a tabbed interface)
• Added “stayopen” mode (helpful for dropdown contained bureaucracy, movies… It avoids dropdown disappear on mouseout)
• Introduced example pages for brand spanking new features
• Little IE10 detection worm solved
• Some CSS enhancements
• Some JS improvements
• Minor bugs solved

10 March THIRTEEN – Model 1.0

• Authorized through CC staff ... Adequate, allow’s start selling!

FULL DOWNLOAD