One of the single most important elements on a website is the navigation. For a website to work properly the navigation needs to be laid out well, intuitive and most of all useful. In the past when you wanted to do anything interesting with your navigation it took complex programming languages or Flash to achieve, today that is different. jQuery is an excellent choice for creating dynamic, exciting navigation without all the hours of programming. Check out these 35 awesome jQuery plugins for creating the perfect website navigation. Check out the demos and download the already-built scripts and add them quickly and easily to your site.
Interested in more jQuery tutorials, take a look at jQuery image plugin tutorials
Puffer Fish Navigation
Rollover navigation with a glow
Puffer Fish JQuery Navigation
Sexy Drop Down Menu with jQuery and CSS
How to create a sexy drop down menu that can also degrade gracefully.
Sexy Drop Down Menu w/ jQuery & CSS
jQuery Simple Drop-Down Menu
Extremely simple drop-down menu. The peculiarity of this menu is that these 20 lines of code and absence of various cumbersome mouse events within html code.
jQuery Simple Drop-Down Menu
Fancy Navigation with jQuery
Rollover navigation with a glow. Has simple and elegant roll over effects
Fancy Navigation with CSS & jQuery
iPod-style Drilldown and Flyout Menu
The iPod-style menu provides easy navigation of complex nested structures with any number of levels.
iPod-style Drilldown and Flyout Menu
Beautiful Slide Out Navigation
Gives a beautiful effect and using this technique can spare you some space on your website.
Beautiful Slide Out Navigation
jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
Build your own tabbed Interface using jQuery with slideDown/slideUp effect.
jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
Fanciest Dropdown Menu You Ever Saw
Fancy and Stylized Dropdown Horizontal Navigation
Fanciest Dropdown Menu You Ever Saw
Superfish v1.4.8
Enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu
Superfish v1.4.8
Color Fading Menu with jQuery
CSS and jQuery powered rollover that alters the color of the button
Color Fading Menu with jQuery
Simple and Beautiful jQuery Accordion Tutorial
Well-known javascript accordion with the most minimal amount of html, css, javascript code and of course, with a beautiful interface
Simple and Beautiful jQuery Accordion Tutorial
Slide and Hide Section Navigation
Create a slide and hide menu, where the menu items slide in and then hide themselves elegantly to give way for the selected menu item.
Slide and Hide Section Navigation
Cool Animated Navigation with CSS and jQuery
Build a really cool animated navigation menu using just CSS and jQuery.
Cool Animated Navigation with CSS and jQuery
jQuery UI Tabs
Simple jQuery powered tabbed navigation
jQuery Tabbed Interface / Tabbed Structure Menu Tutorial Build your own tabbed Interface using jQuery with slideDown/slideUp effect. Tutorial Example jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
Kwicks Menu with jQuery
An apple style menu and improve it via jQuery
Kwicks jQuery Navigation
Vertical Sliding Menu
Create a sliding menu button using jquery
Vertical Sliding Menu
Mega Dropdown Navigation
Dropdown navigation with multiple links and lists
Mega Dropdown Navigation
Sliding JavaScript Menu Highlight
This sliding hover effect script is an easy method to add some flavor to your navigation.
Sliding JavaScript Menu Highlight
Create Vimeo-like top navigation
Create a curved drop down vertical navigation with curved edges.
Vimeo-like Top Navigation in jQuery
jQuery for Background Image Animations
Pull off various Background Effects in Your Navigation With This Tutorial
jQuery for Background Image Animations
Scrolling jQuery Menu
Vertical Scrolling Menu made with CSS and jQuery
Vertically Scrolling jQuery Menu
Navigation Effect Using jQuery
Simple sliding animation when you hover over each button
Navigation Effect Using jQuery
Query (mb)Menu 2.7
Powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way
jQuery (mb)Menu 2.7
Image Menu With Jquery
Image Driven Expanding Horizontal Navigation
Image Menu with jQuery
Animated Horizontal Menu
Horizontal Scroll Menu with jQuery that scrolls automatically according to your mouse axis-Y movement.
Animated Horizontal Scroll Menu
jQuery plugin: Treeview
Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements.
jQuery plugin: Treeview
Simple Accordian
There are a lot of scripts we have seen and sure you too would have seen them. This script is one of the smallest accordion script which is extremely simple and easy to integrate.
Simple Accordian jQuery
Scrolling jQuery Menu
Horizontal Scrolling Menu made with CSS and jQuery
Scrolling jQuery Menu
Menu Fader
Fading Menu – Replacing Content
jQuery Menu Fader
A circular menu with sub menus
A follow on from the simple single level circular menu, this one adds a sub menu level of smaller icons in a circular pattern within the top level circle.
Circular jQuery menu with sub menus
Animated Drop Down Menu
Smooth Animated Menu using jQuery
Animated Drop Down Menu
JQuery/CSS Dock Menu
This mac style navigation menu provides the user a clean, organized and animated interface for surfing a site’s content.
JQuery/CSS Dock Menu
Super slick jQuery menu with CSS3
Animated graphic menu that fades the inactive navigation.
Super slick jQuery menu with CSS3
Sliding-Sliding Doors – Animated jQuery Menu
Animated menu with sliding rollover
Sliding-Sliding Doors - Animated jQuery Menu
댓글 없음:
댓글 쓰기