tabメニュー 4パターン

jQuery UI タブメニュー1

• IE6〜9まで問題なし。
• html5→エラーなし。

▼完成URL
http://jewelcafe.main.jp/0717/tab/index.html

---

jQuery TOOLS タブメニュー2

• IE6〜9まで問題なし。
• html5→エラーなし。
• css→エラーなし。

▼完成URL
http://jewelcafe.main.jp/0717/tabs/index.html

---

Yetii タブメニュー3

タブの左側が空いているのが気になる。。

• IE8・9→問題なし。
• IE6・7→tabが左よりになる。tabの下のボーダー右側がなくなる。。
• html5→エラーなし。
• css→エラーなし。

▼完成URL
http://jewelcafe.main.jp/0717/yetii/index.html

---

タブ切り替えパネル タブメニュー4

• IE6〜9→まで問題なし。
• html5→エラーなし。
• css→エラーなし

互換もいいので1番使い易いが、liが隠れるのでコンテンツ内にリストタグが使えない。
スクリプト内の記述を変えないと。。

▼完成URL
http://jewelcafe.main.jp/0717/tabkiri/index.html

---