<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國際加速解決方案。 廣告
                # 滑動導航/Slidenav 創建帶有上一個和下一個按鈕的導航,用來瀏覽幻燈片。 ## 用法 創建有上一個和下一個按鈕的導航,添加 `.uk-slidenav` 類到 `&lt;a&gt;` 元素就行。添加 `.uk-slidenav-previous` 或 `.uk-slidenav-next` 類來定義導航條目作為上一個和下一個按鈕。注意 使用此組件需要額外添加 `slidenav.css` 文件,在`css/components`文件夾中。 ### Example ![](https://box.kancloud.cn/2016-05-12_57346f3b6ecc2.jpg) ### Markup ``` <a href="" class="uk-slidenav uk-slidenav-previous"></a> <a href="" class="uk-slidenav uk-slidenav-next"></a> ``` * * * ## 滑動導航的定位 在任意內容上面定位滑動導航,比如在幻燈片或者圖片上,只需要將導航有內容包含在一個容器元素中,并添加 `.uk-slidenav-position` 類即可。這樣子,上一個和下一個按鈕將會分別被垂直居中在左邊和右邊。滑動導航只在鼠標懸停在內容上時可見。 ![](https://box.kancloud.cn/2016-05-12_57346f3b7d7f3.jpg) ### Markup ``` <div class="uk-slidenav-position"> <img src="" alt=""> <a href="" class="uk-slidenav uk-slidenav-previous"></a> <a href="" class="uk-slidenav uk-slidenav-next"></a> </div> ``` * * * ## 滑動導航與圖片 為了在圖片上有更好的可見性,比如使用滑動導航作為幻燈片的導航時,只需添加 `.uk-slidenav-contrast` 類。 ![](https://box.kancloud.cn/2016-05-12_57346f3b8e2a1.jpg) ### Markup ``` <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous"></a> <a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next"></a> ```
                  <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>

                              哎呀哎呀视频在线观看