スムーズなアニメーションでタブを切り替え、各タブコンテンツの#リンクにも対応した、タブの機能性のみを追求したjQueryのプラグインを紹介します。 JQuery EasyTabs Plugin デモページ:同じページに複数のタブを設置 [ad#ad-2] EasyTabsの主な特徴 タブの切り替え時にはスムーズなアニメーションが可能 外観はCSSで簡単にカスタマイズ可能 ブラウザのバックボタンとフォワードボタンに対応 各タブは#リンクが有効でブックマークが可能(SEOにフレンドリー) タブは指定された時間で自動切り替え可能 グローバル変数の使用はしていません ページ内に複数のタブコンテンツを設置可能 valid HTML Markup 超軽量(5KB) オープンソース(MIT and GPL licenses) タブのスタイリングはCSSでもJavaScriptでも可能 AJAXコンテンツ
コンテンツエリアにスクロールバーが付いたタブUI実装jQueryプラグイン「wdScrollTab」 2010年10月13日- wdScrollTab Scroll Tab | jQuery Plugins コンテンツエリアにスクロールバーが付いたタブUI実装jQueryプラグイン「wdScrollTab」 次のようなタブUIを実装することが出来ます。タブは見ての通り綺麗なインタフェースで、閉じるボタンを付けたりすることも出来ます。 タブ内のデータはJSの配列で定義しておいて、TabPanelコンストラクタにオプションを渡すことで初期化することが出来ます。 1から実装しようとするとなかなか大変そうですが、これなら簡単に実装出来ますね。 関連エントリ タブ切り替えでコンテンツがスロットマシンっぽく切り替わるサンプル アイコン付きタブが可愛いアニメーションメニューを実装するチュートリアル ナビ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く