jQuery Topics

10 jQuery Mobile Menu Plugins

Don’t you think your mobile’s menu is getting old already? jQuery has good news for you! Check out our list of jQuery Mobile Menu plugins and get that new design your looking for! ;)

1. jQuery Mobile Docs – Select Menus


The select menus are driven off native select elements, but the native selects are hidden from view and replaced with a custom-styled select button that matches the look and feel of the jQuery Mobile framework. The replacement selects are ARIA-enabled and are keyboard accessible on the desktop as well.
jQuery-Mobile-Docs-–-Select-Menus.jpg
Source

2. jQuery Mobile Toolbars & Navigation Menu’s


In depth look at building jQuery Mobile header and footer menu’s. We also look at building navigation menus in the header and footer and creating iPhone and android like fixed menus.
jQuery-Mobile-Toolbars-Navigation-Menus.jpg
Source

3. jQuery Mobile Alpha 4 Released


Features:
> Built on jQuery core
> Compatible with all major mobile platforms
> Lightweight size
> HTML5 Markup-driven configuration
> Progressive enhancement
> Automatic initialization
> Accessibility
> New events
> New plugins
> Powerful theming framework
jQuery-Mobile-Alpha-4-Released.jpg
Source

4. jQuery Mobile dualColumn Plugi


Plugin that adds a dual-column experience to your page.
jQuery-Mobile-dualColumn-Plugin.jpg
Source

5. Horizontal Menu Drop jQuery


Features:
> Full cross-browser compatibility
> Fully accessible even when JavaScript is turned off, as a pure CSS menu
> Search engines optimized
> Clear unordered list (LI and UL HTML tags) structure
> Easy to setup and update
> Fantastic animation and transition effects
> Multiple pre-designed color schemes
> Completely customizable styling with CSS
> Powered by jQuery
> Extremely small – 3kb uncompressed
Horizontal-Menu-Drop-jQuery.jpg
Source

6. iPhone 2 Template – Sliding Dhtml Menu (jQquery-iPhone-Horizontal-Slider)


Features:
> Inactive/Disabled items
> Several menus on one page
> Horizontal or vertical orientation
> Submenus automatically scrolls
> Sound support!
> 85% transparency for sub menus
> Image arrows
> Keyboard navigation – press Ctrl+F2 to enter the top menu
iPhone-2-Template-Sliding-Dhtml-Menu-jQquery-iPhone-Horizontal-Slider.jpg
Source

7. jQuery Drop Bar


Features:
> Full cross-browser compatibility
> Fully accessible even when JavaScript is turned off, as a pure CSS menu
> Search engines optimized
> Clear unordered list (LI and UL HTML tags) structure
> Easy to setup and update
> Fantastic animation and transition effects
> Multiple pre-designed color schemes
> Completely customizable styling with CSS
> Powered by jQuery
> Extremely small – 3kb uncompressed
jQuery-Drop-Bar.jpg
Source

8. iPhone 6 Template – Code CSS Menu – (jQuery-Vertical-Menu-iPhone)


Features:
> Status string shows item labels
> Unlimited number of sub levels
> Personal CSS styles for separate menu elements
> Top items and submenus have a shadow
> Visible over select boxes, iframes, pdf, flash, Java applets.
> Filters and Transitional effects
> Cross-frame support – menus work on frameset-based pages
> AJAX menu loading – loads web menu data from the server “on-the-fly”.
iPhone-6-Template-Code-CSS-Menu-–-jQuery-Vertical-Menu-iPhone.jpg
Source

9. jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets


The system will include both layouts (lists, detail panes, overlays) and a rich set of form controls and UI widgets (toggles, sliders, tabs).
Touch-Optimized-Web-Framework-for-Smartphones-Tablets.jpg
Source

10. jQuery iPad Menu jQuery Menu


Characteristics:
> Embedded browser determined by IE.
> Application switcher (calls for Aero Enabled).
jQuery-iPad-Menu-jQuery-Menu.jpg
Source

Read the full/original article at jQuery4u

    Related Posts

    Comments are closed.

    jQuery Resources

    Learn more about jQuery

    jQuery News & Links

    I only just found out that the jQuery validation plugins has a validation rule called “remote” which can be used ...

    jQuery function to check if horizontal scroll is present – hasHScrollBar() – (or vertical check below also, util function to ...

    jQuery function to Set any DOM Element to Top View (bring to front) using CSS Z-Index property.

    Is it possible to declare arrays in JavaScript object literal notation? Example 1 – this works with arrays Declaration: Storage ...

    To get the a variables type using jQuery there is a jQuery function called .type() which returns “array”, “string”, “number”, ...

    In this post you can find tutorials which explain step by step different API use cases with jQuery like Google ...

    For valuable work on creation of sites you need a good comfortable editor necessarily. There are many requiring paid products ...

    Today we are sharing with you a collection of awesome jQuery Camera Photo plugins. They offer a range of image ...

    Back in the day, if you saw something that was animated on a website it was automatically assumed to be ...

    In this post, we have compiled a list of 10 jQuery HTML5 Audio players available today, most allow native audio ...

    jQuery Mobile is a powerful framework for making mobile web applications. But can we use it to convert existing desktop ...

    I have jotted a quick post on a Basic JavaScript Regular Expression Example to give beginners out there a taste ...

    In April 2012′s edition of Interestingly Random JavaScript, jQuery and Web Development we bring you some very cool stuff such ...

    In this post we are sharing you a roundup of 10 really jQuery plugins as of today. Pretty cool plugins ...

    As always expected from the jQuery community, the compilation we have for you today are some good and impressive recently ...

    A collection of jQuery PNG/JPEG/GIF plugins that enables image animation, cartoon-like background, etc… let them help you design displays for ...

    A collection of JavaScript/jQuery Zip/File/Compressor plugins that allows you to minify your JS code and compress your JS files ready ...

    Quick jQuery code snippet on how to keep an element in view. For demo scroll down on any page on ...

    Here is what I think is the best and most reliable way to load jQuery library and jQuery UI Libraries. ...

    jQuery code snippet which outputs all attributes of element using the default .attr() function on any dom element(s). usage: output:

    More Links & News

    Community Resources

    Use jQuery and the Google Maps API to create your own map application.

    Super cool and easy way to get stylish tooltips with jQuery.

    The right way to include the jQuery library in WordPress.

    Share a resource