A jQuery plugin that allows you to easily create website navigation.
CSS JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
dist
libs
src
.gitignore
.jshintrc
Gruntfile.js
LICENSE-GPL
README.md
nav.jquery.json

README.md

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.