MagicNav-js

04/09/2012

MagicNav-js | Generate Nav links from page elements

MagicNav-js is a jQuery Plugin for generating nav links from page elements.For example, generate links to all the articles on a page by linking to the article’s h1’s, and put them in a nav element on the page with an id of article-nav. (By default, the links will use the same text as the h1).
var magicNav = $.MagicNav($('#article-nav'),$('article h1'));
Custom Settings
There are a few options available when initializing the plugin:

• titles – By default, MagicNav grabs the text for the links from the target elements, but you may alternatively use an attribute instead (e.g. ‘data-title’)
• ease – An ease function for the scrollTo animation (default is easeInOutQuad)
• duration – The duration of the scrollTo animation (in milliseconds)
• offset – The amount of vertical offset to apply when scrolling to the target element (in pixels, default is 0)

Created by John Polacek

Download
Home
Example

generate nav links from page elements

http://jquer.in/wp-content/uploads/2012/09/magicnav-js.png

jQuery plugin