Pageguide.js is an interactive visual guide to elements on web pages for better user experience. Instead of cluttering your interface with static help message, or explanatory text, add a pageguide and let your users learn about new features and functions.

It is developed using jQuery / CSS3 and very easy to use and customize. Pageguide.js attaches CSS pseudo elements to whatever features you define on your pages. The numbered arrows can be placed on top, bottom, left or right of whatever you are trying to highlight.