jQuery Webtour Plugin
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
demo
dist
libs
src
test
.gitignore
.jshintrc
CONTRIBUTING.md
Gruntfile.js
LICENSE-MIT
README.markdown
README.md
jquery-webtour.jquery.json
package.json

README.markdown

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)