10 Ways to Realize Nice and Practical Menu with JavaScript Frameworks

10 Ways to Realize Nice and Practical Menu with JavaScript Frameworks
  • 26 May 2009
  • Web Design
  • This post was written exclusively for PV.M Garage by Piervincenzo Madeo
  • Comments (6)»

Structuring a menu is not always easy and immediate. Some web applications require a level of complex nesting, others are in need of some “effect” that makes it easily navigable, then build a good menu can become an hard work.

In this post I present some useful scripts and tutorials that could help those who are looking for effective solutions for the construction of a easily and accessible navigation box.
It must be clear that all scripts submitted are derived by working with the two most popular JavaScript Libraries: jQuery and MooTools. So you must download and activate the framework.

Activate jQuery e Mootools

Download Framework, upload on your server and activate in your web-page.

jQuery Resources

Below there is the code to insert in your HTML document to activate jQuery.

  <head>
    <script type="text/javascript" src="jquery-1.3.2.min.js "></script>
    <script type="text/javascript">
        qui inserisci i tuoi script
    </script>
  </head>

MooTools Resources

Below there is the code to insert in your HTML document to activate MooTools.

  <head>
    <script type="text/javascript" src="mootools-1.2.2-core-jm.js"></script>
    <script type="text/javascript">
      qui puoi inserire tuoi script
    </script>
  </head>

Plugin, scripts and Tutorial to Realize a Great Menu

Here we’ve collected ten useful resources to realize practical and nice menu in your web projects.

BySlideMenu – Nice and powerful accordion menu

Demo | Download | Home Page
BySlideMenu - Nice and powerful accordion menu

Sliding Top Menu With jQuery

Demo | Download | Tutorial
BSliding Top Menu With jQuery

Slide out and drawer effect with accordion plugin

Demo | Download Accordion Plugin | Tutorial
Slide out and drawer effect

Sliding Jquery Menu

Demo | Download | Tutorial
Sliding Jquery Menu

Cut & Paste Animated Outline Menu

Demo | Download Script .js | Tutorial
Cut & Paste Animated Outline Menu

Kwicks for jQuery

Demo | Download | Home Page
Kwicks for jQuery

jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready

Demo1 | Demo2 | Download Plugin | Home Page
jQuery iPod-style Drilldown Menu

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

Demo | Download | Tutorial
How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

Side Navigation Tooltip / Popup Bubble

Demo | Tutorial
Side Navigation Tooltip / Popup Bubble

Author: Piervincenzo Madeo

From a little city in the South of Italy, a web designer, a coder, a blogger. This is Piervincenzo, just a guy who has a great love for creativity and enjoys making high-quality stuff and sharing good information about web design and development.

website design and development

6 Comments

  1. girl pee face 3

    mm.. nice ))

  2. Radule

    very usefull…thx

  3. Emadz

    Good Job done, very useful information

  4. uvzmsiy

    lu5Wef bnkgjhmeamzl, [url=http://jqfzqxspiuph.com/]jqfzqxspiuph[/url], [link=http://fuwqkbdjthew.com/]fuwqkbdjthew[/link], http://xkhsyulitqmg.com/

  5. best exercise to lose belly fat

    no matter what you are saying, you got it

  6. Jason

    Thank you this was very informative. And uvmsiy you truly confused me.

Trackbacks

Leave your comment

You must be logged in to post a comment.

-->

This website is proudly powered by WordPress, hosted by Suite48. Icons by WeFunction, KomodoMedia and DezinerFolio.
Contents and resources released under Creative Commons License.
Design and code by PVM Garage - Copyright © 2010 PV.M Garage Theme - All Rights Reserved.

HOME | ABOUT US | ADVERTISE | CONTACT US