Nav

A jQuery plugin that allows you to easily create website navigation.

Getting Started

Download the production version or the development version.

In your web page:

Html structure

<nav id="nav">
    <ul>
        <li><a href="homepage.html">Homepage</a></li>
        <li><a href="about.html" class="active">About us</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
</nav>

JavaScript

<script src="jquery.js"></script>
<script src="dist/jquery.nav.min.js"></script>
<script>
jQuery(function($) {
  $("#nav > ul").nav({
    root: {
      effect: 'slide',
      delay: 100,
      hoverIntent: 100,
      inDuration: 200,
      outDuration: 200
    },
    child: {
      effect: 'fade',
      delay: 150,
      hoverIntent: 0,
      inDuration: 200,
      outDuration: 200
    }
  });
});
</script>

Documentation

(Coming soon)

Examples

(Coming soon)

Release History

(Nothing yet)

License

Copyright (c) 2012 KaptinLin
Licensed under the GPL license.