• <nav id="cwumo"><code id="cwumo"></code></nav>
  • <menu id="cwumo"><strong id="cwumo"></strong></menu>

    JQuery Mobile實現導航欄和頁腳

    時間:2024-09-29 12:01:44 jQuery 我要投稿
    • 相關推薦

    JQuery Mobile實現導航欄和頁腳

      導航欄是由一組水平排列的鏈接組成,通常包含在頭部或尾部內。

      默認情況下,導航欄中的鏈接將自動變成按鈕(不需要 data-role="button")。

      使用 data-role="navbar" 屬性來定義導航欄:

      復制代碼 代碼如下:

      Home

      Page Two

      Search

      默認情況下,按鈕的寬度與它的內容一樣。使用一個無序列表來平均地劃分按鈕的寬度:1 個按鈕占 100% 寬度,2 個按鈕則各占 50% 的寬度,3 個按鈕則每個占 33,3% 的寬度,依此類推。然而,如果您在導航欄中指定了超過 5 個按鈕,將會拆成多行(查看"更多實例")。

      激活按鈕

      當導航欄中的某個鏈接被點擊,它將獲得被選中(按下)的外觀。

      如果想在不惦記鏈接時獲得這種外觀,請使用 class="ui-btn-active":

      Home

      對于多個頁面,您可能想要每個按鈕的選中外觀代表當前用戶所在的頁面。要做到這一點,請添加 "ui-state-persist" 和 "ui-btn-active" 到鏈接的 class:

      Home

    【JQuery Mobile實現導航欄和頁腳】相關文章:

    關于jQuery實現高亮顯示的方法介紹08-20

    jQuery 源碼分析和Ready函數06-28

    jQuery中parent()和siblings()的問題10-16

    關jQuery彈出窗口簡單實現代碼-javascript編程06-07

    關于jquery簡單圖片切換顯示效果實現方法介紹10-01

    word怎么設置頁腳頁碼09-08

    jQuery程序設計08-05

    jquery提交按鈕的代碼07-28

    Java語言的特點和實現機制10-01

    jquery之超簡單的div顯示和隱藏特效demo簡介05-15

    日韩激情