REDLINE MAGAZINE | YUIライブラリでタブ切替REDLINE MAGAZINEトップページへ

すべてのエントリを見る

YUIライブラリでタブ切替

そろそろYUIも試してみる(遅)
今回試すのは「Tabview」ってやつ。最近ポータルサイトなんかでもよく見かけるタブで指定部分の表示を切り替えるアレ。

設置が簡単なので、すぐに使えるのも便利。

つーことでさっそく使ってみる。
いつも通りデモとかソースとかはこちらで。
>>Redline Magezine::YUI「Tabview」サンプルページ

jsがもしOFFになっている状態のブラウザでも、情報が見えなくなるわけではなく、一覧として表示され、タブをクリックするとその部分へジャンプするという形になる。・・・ので、使えないサイト状態に陥るわけではない。その辺のデザインを考慮して作り込みしてればjs有効無効関係なく使えるかも。

配布元サイト
>>Yahoo! User Interface Library
>>YUI Library - TabViewサンプル

<< Ajaxでポップアップ | Reflection.jsで楽に画像を反射させる >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/93

コメント (2)

ありがとう! とっても参考になったよ>サンプルページ

>あられさん
こんばんわ。お役に立ててよかったですー。
コメントありがとうございました(n' ∀ ') η




※コメント欄に「<」「>」等を含むソースを記載する場合は実体参照に変換してください。

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強
  • Red - 2010.01.08
  • hogepage - 2010.01.21
  • Red - 2010.01.22
  • - 2011.11.27
  • houseiii - 2011.11.27
Fireworks トリミング画像を一括書出 CS4編
  • Iper - 2009.06.27
  • Red - 2009.06.27
  • mala - 2011.11.17
  • Red - 2011.11.18
jQueryでボックスを上下左右中央に簡単配置
overflow を使用したボックス背景のこと
  • - 2007.12.13
  • Red - 2007.12.13
  • - 2007.12.13
  • Red - 2007.12.13
  • hj - 2011.09.23
IE6 → 透過PNG+overflow=混ぜるな危険(追記有)

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログ にコメント頂くか、 連絡用のフォーム もありますので、そちらからご連絡ください。