A simple jQuery site tour solution.
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
js
.gitattributes
README.md
index.html

README.md

ddTour

A simple uncomplicated lightweight site tour jQuery solution created by David Davis.

  • Unlike other tour solutions you keep your code in one place. The tooltip pops up right where you have a description of it.
  • Traverse to any element by designated class selector
  • This is a simple grunt stupid solution as they say in the Marine Corps.

Version

1.0

Tech

Open source projects used:

How To?

  1. Designate a class name to whatever tag you want: a div, an h3, an li.
  2. Whatever tag you use with the class apply a position:relative to the element so the absolute positioned tooltip doesn't float to the left of your screen.
  3. Place a span element following your class selected div and place whatever text you want the tool tip to render.
  4. Adjust fadeIn and fadeOut values and colors for the tooltip in the css file under .ddTour.

Demo

ddTour