How To Use jQuery Site Tour

jquerysitetourex

<link href="jquery.sitetour.css" rel="stylesheet">
<script type='text/javascript' src='jquery-1.7.1.min.js'></script>
<script type='text/javascript' src='jquery.scrollTo-min.js'></script>
<script type='text/javascript' src='jquery.sitetour.js'></script>
<script type='text/javascript'>
  var siteTourData = [
    {
      title: 'First Step of Tour',
      text: 'Feature an element in the first step of the tour.',
      selector:	'#your-element-id'
    },                
    {
      title: 'Second Step of Tour',
      text: 'Feature another element in the second step of the tour.',
      selector:	'#another-element-id'
    }};

  var siteTourOptions = {
    data: siteTourData
  };

  $(document).ready(function(){
    $.siteTour(siteTourOptions);
    $.siteTour("start");
  });
</script>