Are you needing a tour for your site? jQuery Webtour is what you need.
Download the production version or the development version.
In your web page:
<script src="js/libs/jquery/jquery.js"></script>
<script src="src/jquery.webtour.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.webtour.css">
<style type="text/css">
body {
background: #eee;
}
#step1, #step2 {
margin: 50px 90px;
padding: 20px;
display: inline-block;
}
</style>
<a href="#" id="step1">Step 1</a>
<a href="#" id="step2">Step 2</a>
<script type="text/javascript">
$('#step1').tour({
'text': 'The <b>first</b> step appears here',
});
// All defaults properties
$('#step2').tour({
'text': 'Lorem Ipsum', // Text of tour
'button': {
'clss': 'btn btn-primary', // Button class
'text': 'Ok, got it' // Button text
}
});
</script>
(Coming soon)
(Coming soon)
(Nothing yet)