Best jQuery Menus Plugins & Tutorials with Demo

    Moving Boxes Content with jQuery

    Moving Boxes Content with jQuery

    Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the main content area. We will use some different animation effects that we will add as options to the menu item.

    jQuery Waypoints: Scroll-Based jQuery Functions

    Creating custom functions with jQuery based on the scroll position of the page just got a whole lot easier. Today i stumbled through an interesting jQuery plugin that i am sure many of you guys will find useful. Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

    Waypoints makes a solid base for modern UI patterns that depend on a user’s scroll position on the page.

    CSS3 jQuery Dropdown Navigation in WordPress

    Today, we will learn how to enhance you WordPress in a whole new way. Multi-Level or Multi-Dimensional navigation menus can offer your theme and users 2 new things. One, add a nice new type of effect to enhance your theme. Two, allow the users to find things more easily. We will start off by making a HTML version, then making it compatible with WordPress.

    Creating a Fancy menu using CSS3 and jQuery

    Fancy menu was made popular by devthought, it is develop on top of the Mootools library. And later a jQuery version of this menu called lavalamp was made popular by Ganesh. This time I will show you how to achieve the same effect using the CSS3 new features.

    How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery

    In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.

    RocketBar – A jQuery And CSS3 Persistent Navigation Menu

    RocketBar is a simple solution for this which shows you how you can easily provide your users a persistent form of site navigation without them needing to scroll back up.

    jStackmenu with jQuery

    Here is a jQuery UI widget for Stack Menus.

    Making Better Select Elements with jQuery and CSS3

    Today we are building a script that is going to take an ordinary select element, and replace it with a better looking, markup powered version, while keeping all the functionality intact.

    Expanding Image Menu with jQuery

    In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colored version of the image, creating a neat effect.