Documentation

About
This documentation presents the usage of the wheelnav.
It also helps learn the source code. One JavaScript file belongs to one chapter.

Core
First learn the core methods and properties of wheel.

Read

Navitem
The whole wheel is a set of navItems.
Every navItem contains a navSlice, a navTitle and a navLine.

Read

Spreader
The wheel can spreading in and out. You can use this function by spreader.

Read

Marker
The selected item can be marked. You can use this function by marker.

Read

SlicePath
The SVG path of a navItem can be anything.

Read

SliceTransform
When select or hover a navItem, it can be transformed with SVG transform.

Read

ColorPalettes
Here are some predefined palette of colors for wheel.

Read

HTML5
The wheel can be constructed via html data- attributes.

Read

CSS
Wheelnav provides built-in css classes for style.

Read