JavaScript + CSS でタブ切り替え

• 2007年4月2日
• 23:25

先ず、アドビ社の Flex のページを見てください。タブ切り替えのユーザインターフェイスがありますが、実はコレ・・・ステキ過ぎなんです。

それぞれのタブがちゃんと見出しタグ（<h2>）になっていて、ブラウザで JavaScript を無効にしても文法的に正しく表示されます。ハイ、そこでパクりですが、この JavaScript は長くて解読が難しい為、汎用性のある JavaScript を探すことに・・・しかし、同じように見出しタグとそのコンテンツをタブで切り替えができる JavaScript はなかなかありません。

そこでやっと見つけたのが、JavaScript tabifier です。まだ試してはいませんが、解説を読むと CSS でタブの形状を簡単に変えられたり、Ajax にも対応できるなど汎用性は非常に高そうに思います。ステキでしょ？

ちなみに、このステキなスクリプトはドネーションウェアなので、実用する際は寄付しましょう。

• Web
• コメント [0]