2011年01月26日

TAB切り替え表示とGoogle Maps API V3

そもそも、

  • 表示エリアの有効利用
  • ページ(項目)切り替えのナビゲーション
  • 見た目のデザイン的配慮

などの目的から、TAB切り替えのデザインを行うことがある。
これは、ソフトウェアもWebページも同様だ。
PC向けソフトウェアなんて作れないkAzzであるから、当然話題は後者のWebページ。

TAB切り替えは一般的に

  • 各表示エリアをブロック要素(DIVやPタグ)囲む
  • 初期エリア以外はSTYLEのDISPLAY要素をNONEに指定
  • タブ切り替えはDISPLAYのNONE/BLOCK(またはinlineなど)による

という流れだ。

(more…)