jquery mobile是一個基于jquery的移動UI框架,旨在為移動設備的web應用程序提供一致的外觀和感覺。它具有很多的組件可以快速構建應用程序,包括tab切換。
<div data-role="tabs"> <div data-role="navbar"> <ul> <li><a href="#one" class="ui-btn-active ui-state-persist">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> </ul> </div> <div id="one" class="ui-body-d ui-content"> <p>This is tab one.</p> </div> <div id="two"> <p>This is tab two.</p> </div> <div id="three"> <p>This is tab three.</p> </div> </div>
上述代碼定義了一個tab切換,包含三個選項卡。navbar定義了一個選項卡導航條,用于在不同的選項卡之間進行切換。每個選項卡使用一個div元素定義,其中“id”屬性用于唯一標識選項卡內容。通過在選項卡內容之間切換,讓用戶快速地導航和查看內容。
上一篇矩形復選框的css
下一篇html5 背景設置屬性