Navi.js Content Switcher for developers

Animation Changer

Navi Content Switching Made Easy


Why Navi?

Navi makes it easy to dynamically display content on your sites. Instead of cluttering up your site tree with extra files, you can easily write all of your html code for multiple pages in one file. Navi leverages the hashchange event to change content based on the current hash, or falls back to Ben Alman's hashchange plugin to allow the use of the back button functionality.

New Animations

Navi.js is now supercharged with extra animations to make page changes even more appealing. Thanks to Dan Eden's animate.css, Navi now has new animations to choose from. Just include animate.css into the head of your document!

Using Ajax?

As of version 1.8, Navi now supports loading content via AJAX for those who want this functionality.

Notice
Navi.js will resume support for multiple sections / nested content in the next version.

Features

  • Ajax Support New
  • Google Analytics Support New
  • Change page title to reflect content
  • Breadcrumbs Support
  • Back/Forward Button Support
  • Easy HTML/JS markup
  • Use any hash
  • Can write multiple pages in one file
  • Animations between changes:
    • Slide Up
    • Slide Left
    • Slide Up-Left
    • Fade
    • Rotate Out-Down-Left
    • Bounce Out-Down
    • Bounce Out
    • Light Speed
    • Roll
    • Flip-X
    • Flip-Y
    • More in 2.0

Changelog

  • 7/15/13 - Version 1.9.1 released | Minor Update: Allows custom selector for content
  • 5/28/13 - Version 1.9 released | Major Update: New Animations, Removed Unnessesary code
  • 3/05/13 - Version 1.8 released | Major Update: Ajax Support, Google Analytics Support
  • 2/10/13 - Version 1.6 released | Minor Update: Made animation slideUpLeft better / fixed IE bug
  • 1/31/13 - Version 1.5 released | New Function: BreadCrumbs support
  • 1/28/13 - Version 1.4 released | New Animation: slideUpLeft
  • 1/28/13 - Version 1.3 released | New Animation: slideLeft
  • 1/28/13 - Version 1.2 released | New Animation: Fade
  • 1/16/13 - Version 1.1 released | New Function: Page Title Switcher
  • 1/14/13 - Version 1.0 released | Default functionality

Requirements

  • jQuery >= 1.5
  • Javascript Enabled Browser
  • Working in Chrome, Firefox, IE 9/10, mobile

Learn More