jQuery Webtour

Are you needing a tour for your site? jQuery Webtour is what you need.

Getting Started

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>

Documentation

(Coming soon)

Examples

(Coming soon)

Release History

(Nothing yet)