jQueryなど他のスクリプトに依存せず、シンプルなタブコンテンツを実装する超軽量(5KB)のスクリプト「SimpleTabs」を紹介します。 SimpleTabs タブとパネルは、それぞれリストとdiv要素で実装されています。 タブとパネルの対応は実装の順番通りになるため、IDなどでのコントロールは不要となっています。 また、ブラウザのクッキーを利用して、最後にアクティブにされたタブを保存し、再アクセスした際にそのタブをアクティブにします。
HONGKIAT.COMのエントリー「50超のCSSやJavaScriptで実装するタブ型ナビゲーション集」から、当サイトで紹介したことのないものをいくつか紹介します。 50+ Nice Clean CSS Tab-Based Navigation Scripts
noupeのエントリー「37+ Great Ajax, CSS Tab-Based Interfaces」から、CSSとJavaScriptで実装するタブ型インターフェイス37選の紹介です。 37+ Great Ajax, CSS Tab-Based Interfaces 自動で切り替わるタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライド式のタブ型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用したタブ型インターフェイス Ajax Tabs Content Script (v 2.1) 閉じることも可能なタブ型インターフェイス Tab Panels Close
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く