Hey! How's it going?
Not bad... i guess. What about you? Haven't gotten any updates from you in a long time.
Yeah! I've been a bit busy lately. I'll get back to you soon enough.
Alright, take care then.
Show your users a guided tour of what is what on a page.
Click me! I'm a DemoWorks cross-browser, cross-devices . C'mon, it is bootstrap
Utilises Bootstrap Popovers
Bootstro popovers can have variable width
Small (3.0K minified JS & 0.5K minified CSS)
No collision. Everything safely namespaced to bootstro.All events unbinded when the intro stops
Any element anywhere on the page can be intro'ed: popovers are automatically scrolled to so they always get focused
Easily customizable: Bootstro provides various public methods so you can control as you like bootstro.start(), bootstro.next(), bootstro.prev()...
Keyboard shortcuts: Works with Esc, → ↓, ← ↑ shortcuts too
Show can be alternativly loaded via ajax: This way the page HTML can be kept clean, and server also can decide which elements to show more easily,or translate the show more easily.
Add class .bootstro
to any element that you'd like to be highlighted
Include bootstro.js & bootstro.css
bootstro.start()