Navigation Dots

This jQuery plugin offers you the possibility to add navigation bullets toy ou website. You can easily configure the parameters.

Features

• Lightweight
• Works with all CMS (WordPress, Drupal, ...)
• Cross-browers
• No javascript skills are required

How to use

• Add the script to your page
• Insert into your script: $("#yourelement").navDots();
• And Voila !
• You can configure the options below

Options

Name	Value	Default value
id	string	navdots
dotClass	string	dot
activeClass	string	active
easing	string	swing
speed	number	700
offset	number	400
style	boolean	true
minDots	number	1
navStyle	object	{
'position' : 'fixed',
'right' : '20px',
'top' : '50%',
'z-index' : '100'
}
dotStyle	object	{
'background-color' : 'black',
'border-radius' : '8px',
'cursor' : 'pointer',
'height' : '8px',
'margin-bottom' : '5px',
'width' : '8px'
}

Examples

• Check them out on the package

Credits

• Created by Maxime Gaul