TourBus jQuery

一个轻量级的工具进行互动的网站/应用之旅。

基本用法

其中当然包括的 jQuery 插件和基本样式在页面上，通过启动。然后我们可以定义一些我们的旅游。想象一下你有一个你想要引领用户通过一些东西，也许某些元素 （如#nav和#sell的网页...

<ol class='tourbus-legs' id='my-tour-id'>

  <li data-orientation='centered'>
    <h2>This is a modal-like tour leg</h2>
    <p>It isn't attached to a specific element.</p>
    <a href='javascript:void(0);' class='tourbus-next'>Next...</a>
  </li>

  <li data-el='#nav' data-orientation='left' data-width='400'>
    <h2>Navigation</h2>
    <p>Here's where I explain how our navigation works...</p>
    <a href='javascript:void(0);' class='tourbus-next'>Next...</a>
  </li>

  <li data-el='#sell' data-orientation='bottom' data-width='300'>
    <p>Buy now, etc, etc</p>
    <a href='javascript:void(0);' class='tourbus-stop'>Done!</a>
  </li>

</ol>

这是一般的想法，而且有相当多的你可以在你的自定义行为指定的属性。接下来让我们 '安排' 在我们JavaScript (DYSWIDT): 

$(document).ready( function() {
  var tour = $('#my-tour-id').tourbus( {} );
} );

现在游变量具有我们上面定义的排序的列表。你可以触发此元素上的事件：

tour.trigger('depart.tourbus');

PREVIOUS:
NEXT:
jQuery拖拽排序插件jQuery Sortable
annyang！语音识别