Tabs Widget | jQuery UI API Documentation
Tabs are generally used to break content into multiple sections that can be swapped to save space, much like an accordion. Tabs have a particular set of markup that must be used in order for them to work properly: The tabs themselves must be in either an ordered (<ol>) or unordered (<ul>) list Each tab "title" must be inside of a list item (<li>) and wrapped by an anchor (<a>) with an href attribu
jQuery UI Tabsを使ってタブを実装する
jQuery UI Tabsを使ってタブを実装する方法を紹介します。 本当は4月1日は毎年エイプリルフールネタをエントリーしているのですが、今年は自粛します。 １．サンプル 以下に簡単なサンプルを用意しましたのでご覧ください。 サンプル ２．jQuery UI Tabsのダウンロード jQuery UIのページの「Download」をクリック。 「Toggle All」をクリックして、すべてのチェックを外します。 「Widgets」の「Tabs」をチェック。 ページ下にある「design a custom theme」をクリック。 「Theme Roller」でテーマを選択します。「Roll Your Own」タブではすべてを自分でカスタマイズできますが、最初は「Gallery」タブから決まったデザインを選択して、jQuery UIとテーマの対応の感触をつかんだ方がいいでしょう。 ここでは
jQuery UI - タブ - jQuery 入門
<div style='clear:both;' id="tabdemo1"> <ul> <li><a href="#tab-google1">Google</a></li> <li><a href="#tab-apple1">Apple</a></li> <li><a href="#tab-ms1">Microsoft</a></li> </ul> <div id="tab-google1"> <p>Android, Chromebooks</p> </div> <div id="tab-apple1"> <p>iPhone, iPad</p> </div> <div id="tab-ms1"> <p>Windows Phone</p> </div> </div>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
