WebTour.js

Place WebTour files on a server and then adds them to the page. Make sure that the jQuery library is included.

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>

<!-- Add WebTour -->
<link href="styles/WebTour.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="scripts/WebTour.js"></script>

jQuery(document).ready(function () {

	WebTour.config = {
		background: '0,0,0',
		backgroundOpacity: 0.8,
		button: 'auto',
		startInFirstStep: true,
		scrollAuto: true,
		detectResizeWindow: false,
		autoplay: false
	};

	WebTour.create({
		0: [{
			element: "#EmbedJS h1 span",
			description: "- easy integration<br>- infinitely position<br>- full documentation &amp; examples<br>- more, more and more...",
			position: "r",
			padding: 5,
			lineA: 50,
			closeSign: false
		},
		{
			element: "#EmbedJS h1 span",
			description: "simple guide for Your website",
			position: "bl",
			padding: 5,
			lineA: 20,
			lineB: 35,
			next: false,
			closeSign: false
		}],
		1: [{
			element: ".fb-like",
			description: "Click here to liked WebTour ;]",
			position: "rb",
			padding: 5,
			closeSign: false
		}]
	});

	WebTour.init();

});

Config

Steps