Best jQuery Menus Plugins & Tutorials with Demo

    Slide Navigation Using JQuery With Easing Plugin

    September 12, 2011 | CSS2 / CSS3.0, Menus, Plugins, Slider, Web
    JQuery Slide Navigation

    The navigation at apple mac page are using an easing effect, it separating each product by the category, I love the effect when user click on the navigation it like the products appear and disappear one by one, with the easing effect on the end movement, like bouncing on the vertical line

    If you see the source code on apple page, seems they are still using prototype.js, once are the most popular javascript framework, before the appearance of  jquery. In this post I want to create something like the apple mac navigation menu using jquery easing plugins.

    Read More Demo

    Developing a jQuery Private Messaging Modal Box

    August 27, 2011 | CSS2 / CSS3.0, HTML5, Menus, Popup Window, Web
    jQuery Private Messaging Modal Box

    I have designed the functionality to look and feel like a private messaging solution. This is perfect to implement on a user profile page or author’s page in a blog. We will be using some handy CSS3 techniques along with coding the page structure in HTML5. You don’t need to be a master jQuery artist to understand this tutorial, but it wouldn’t hurt to brush up on the basics.

    Read More Demo

    jQuery Notification Menu

    August 27, 2011 | Menus, Plugins, Web
    jQuery Notification Menu

    A jQuery plugin to add notification bubbles and a notification list to any menu.

    Read More Demo

    Making a Beautiful HTML5 & jQuery Portfolio

    August 25, 2011 | CSS2 / CSS3.0, Gallery, HTML5, Menus, Plugins, Web
    HTML5 & jQuery Portfolio

    In today’s tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.

    Read More Demo

    jbar a jQuery enhanced toolbar

    August 25, 2011 | Menus, Plugins
    jbar a jQuery enhanced toolbar

    jbar is a jQuery plugin that transforms an unordered list <ul> into a toolbar with dropdown menus.

    Read More Demo

    jQuery AOG Carousel

    August 6, 2011 | Animation, Carousel, Menus, Plugins
    jquery Carousel

    This is a 3D-like spinning carousel that can be manipulated with the mouse.

    It is fully powered by jQuery. There is no Flash, no CSS3, just simple jQuery coding.
    It is lightweight (6k) and highly customizable and compatible with all major browsers.

    Read More Demo

    Flexible Nav jQuery library

    August 3, 2011 | Menus, Plugins
    jquery flexible navigation menu plugin

    Flexible Nav is a small jQuery library which add a smart navigation bar on the right of the page. It improves a web pagenavigation and helps to visualize different sections of a document, an article,.. any web page.

    Read More Demo

    A Simple Good Looking Context Menu in jQuery

    August 3, 2011 | Menus, Plugins
    jQuery Context Menu

    Yes, there are loads of context menu plugins already. But they require a fair amount of work to make them look good.This one is easy to use, small, and looks good.

    Features

    • Tiny library. Only dependency is jQuery.
    • Simple API.
    • Looks good out of the box, with no additional tweaking.
    • Designed to look and behave like a standard Windows context menu.
    • There’s so little code, it should be easy to add your own custom features.
    Read More Demo

    Vertical Sliding Accordion with jQuery

    July 23, 2011 | Accordion, Gallery, Menus, Slider
    jQuery Vertical Sliding Accordion

    Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.

    Read More Demo

    jQuery EasyUI framework

    July 21, 2011 | Chart & Graph, CSS2 / CSS3.0, Forms, jQuery UI, Menus, Plugins, Slider, Tabs, Web
    jQuery EasyUI framework

    jQuery EasyUI framework help you build your web page easily.

    • easyui is a collection of user-interface plugin based on jQuery.
    • using easyui you don’t need to write many javascript code, you usually defines user-interface by writing some HTML markup.
    • easyui is very easy but powerful.
    Read More Demo