jquery實現網站向導提示操作插件

dengjianbin 12年前發布 | 43K 次閱讀 其他jQuery插件 jQuery插件
jquery實現網站向導提示操作插件是一個現在互聯網上非常流行的網站功能之一，很多用戶第一次來到網站的時候做為引導新手來操作，最近發現了之后就第一時間整理出來與大家分享，不多說了，看一下效果先：
 
效果如下：
Jquery插件,Jquery資源,Jquery特效,div+css
Jquery插件,Jquery資源,Jquery特效,div+css

引入插件文件之后頁面主要代碼如下：
<ol id="joyRideTipContent">
  <li data-id="numero1" data-text="下一步" class="custom">
    <h2>Stop #1</h2>
    <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
  </li>
  <li data-id="numero2" data-text="下一步" data-options="tipLocation:top;tipAnimation:fade">
    <h2>Stop #2</h2>
    <p>Get the details right by styling Joyride with a custom stylesheet!</p>
  </li>
  <li data-id="numero3" data-text="下一步" data-options="tipLocation:top left;">
    <h2>Stop #3</h2>
    <p>It works right aligned.</p>
  </li>
  <li data-id="numero4" data-text="下一步">
    <h2>Stop #4</h2>
    <p>It works when tips run off the viewport.</p>
  </li>
  <li data-id="numero5" data-text="結束">
    <h2>Stop #5</h2>
    <p>Now what are you waiting for? Add this to your projects and get the most out of your apps!</p>
  </li>
</ol>

項目主頁：http://www.baiduhome.net/lib/view/home/1344613831069

 本文由用戶 dengjianbin 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！