插件描述：一个轻量级的工具进行互动的网站/应用之旅。
一个轻量级的工具进行互动的网站/应用之旅。
基本用法
其中当然包括的 jQuery 插件和基本样式在页面上，通过启动。然后我们可以定义一些我们的旅游。想象一下你有一个你想要引领用户通过一些东西，也许某些元素 （如#nav和#sell的网页...
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <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):
1 2 3 | $(document).ready( function() { var tour = $('#my-tour-id').tourbus( {} );} ); |
现在游变量具有我们上面定义的排序的列表。你可以触发此元素上的事件：
1 | tour.trigger('depart.tourbus'); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： annyang！语音识别
- 下一个特效： jQuery拖拽排序插件jQuery Sortable