<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # Foundation Joyride Joyride 是一個功能向導的 JavaScript 效果,創建實例如下: ### 實例 ``` <!-- Elements that control the tour stops --> <h3 id="first">First stop!</h3> <h3 id="second">Second stop!</h3> <!-- The joyride: must be placed at the bottom of your page, but inside <body> --> <ol class="joyride-list" data-joyride> ? <li data-id="first"> ??? <p>First stop. The ride has begun!</p> ? </li> ? <li data-id="second"> ??? <h4>Second Stop</h4> ??? <p>Any valid HTML will work inside the Joyride.</p> ? </li> ? <li data-button="End"> ??? <h4>End Stop</h4> ??? <p>The tour is over. You can either go back to the previous stop or close it.</p> ? </li> </ol> <!-- Start Joyride Upon Initialization --> <script> $(document).ready(function() { ??? $(document).foundation('joyride', 'start'); }) </script> ``` ### 實例解析 以上實例中,我們創建了兩個元素,每個元素都有獨立的 ID。 兩個元素設置了 joyride 開始和結束的位置。 我們在 `&lt;ol&gt;` 或 `&lt;ul&gt;` 元素上添加 `data-joyride` 屬性和 `.joyride-list` 類來創建 joyride。你需要在文檔頭部定義它 (在 `&lt;body&gt;` 內的頭部)。在每個列表上使用 `&lt;li&gt;` 元素,每個元素添加 `data-id="_value_"` 屬性。屬性的 _value_ 必須與之前元素的 id 相同。所以第一個功能導航 `&lt;h3&gt;` 元素使用 id="first" 必須與 &lt;li&gt; 元素的 data-id="first" 值一致。 如果你沒有管理停止的 id,將顯示一個模態框。 最后,Joyride 需要使用 JavaScript 初始化它,代碼為: `$(document).foundation('joyride', 'start');`
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看