prototype.jsでタブメニュー

Posted by joeartsea on 2009-03-18

タブメニューで画面を切り替える要件があります。例のごとくCakePHPでの案件に必要なためprototype.jsベースでのライブラリに絞って探したところ、非常にシンプルで短いコードのprototype.js でタブ切り替えが見つかりましたので使用させていただきました。

| |
| 送信者 Blog |

タブはすぐ動いたんですが何が難しいってデザインが非常に難しい。リンク先のように色分けでタブを表現している場合は比較的簡単なんですが、ボーダーで囲われたデザインにしようとしたところブラウザの違いで苦労しました。参考になるデザインも探したんですが、やはり難しいようで色分けタブばかり見つかります。