Submit Your Article
Home Articles News Tutorials Videos Add An Article
Topics: Design Photoshop Programming PHP CSS Java Database Web Development Javascript Ajax
– Close + Open

Find Out More About DevWebPro!

Sign up for the newsletter


» Terms & Conditions

Welcome to the New DevWebPro!

DevWebPro Includes:
  Hundreds Of Tutorials   Developer News
  Unique Gadget Videos   Tons of Topics to Discuss
  Expert Advice   We Will Publish Your Articles

13 Excellent Tutorials On Creating jQuery Navigation Menu

Friday, December 18th, 2009
Text: Decrease Font Size Increase Font Size | Print Print Article | Share: Delicious Digg StumbleUpon Post to Twitter Post to Facebook

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In this post I’ve selected 13 jQuery navigation menu tutorials for implementing your own jQuery based navigation and have some great effects. Before getting stared you may be interested in looking my post about making navigation menu using CSS and Adobe Photoshop.

[13 hand-picked Vertical and horizontal CSS Menus]


1- How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked. So in this tutorial we’ll recreate that same effect.
JQ_1

2- How to make accordion menu using jquery

In this post I’ll show you how can you create fancy accordion menu using jQuery. In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toggled when the mouse is moved over it.

JQ_2

3- jQuery idTabs

JQ_3

4- Create a multilevel Dropdown menu with CSS and improve it via jQuery

JQ4

5- Using jQuery for Background Image Animations

JQ_5

6- jQuery & CSS Example – Dropdown Menu

This article is intended to describe an extremely basic, yet extremely powerful, technique for adding dropdown menus in your application user interface or website design.

JQ_6

7- Create an apple style menu and improve it via jQuery

JQ_7

8- Creating a Floating HTML Menu Using jQuery and CSS

JQ_8

9- Drop down menu with jquery

Here’s a drop down animated menu example made with jquery.js 1.2.2

JQ98

10- Jquery Vertical Slide (Dropdown) Navigation

JQ_10

11- Multi-level drop down menu with jQuery

There are a lot of horizontal drop menus around the web today and they are becoming more and more popular. If you have ever seen these menus and wondered how they work, then today is your lucky day! Here I will be discussing my thoughts as I build a drop down menu from scratch and add some jQuery to it to make it just that little bit more unique and special.

JQ_11

12- Seven jquery plugin to build lovely menu

JQ_12

13- Superfish – “menu jQuery plugin”

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript).

JQ_13

Topics: , , , , , , , ,

Leave a Comment

DevWebPro is an iEntry Network ® publication - © 1998-2010 All Rights Reserved