[B! タブ] ladybug_1103のブックマーク

ladybug_1103 id:ladybug_1103

タブに関するladybug_1103のブックマーク (3)

「CSS と JavaScript でタブ切り替え」をリニューアル
「CSS と JavaScript でタブ切り替え」をリニューアル 2005-02-15-2 Bl ogPeopleの「Blogユーザがチェックする人気Blog」 <http://www.bl ogpeople.net/clicked.html> を見てたらなんとなくデジャブな感じ。なんでかなあ、と思ったら、タブ切替がこれだった。「CSS と JavaScript でタブ切り替え」 <http://ta2o.net/tools/css_tabs/> こんなところでも活用されているとは！良い感じ！しかし、今改めて見てみると、CSSがいまいち。FireFox だと選択されているタブの見出しの下の線が消えないという問題も格好悪いし。ということで、見出しまわりのHTMLとCSSをゴニョゴニョといじって解決した！ <http://ta2o.net/tools/css_tabs/> めでたい！し
ladybug_1103 2009/05/22
...IEで見たら先頭のタブのつなぎ目が1px開いてる...の解説。解決策は今のところないようだ

css

タブ
リンク
CSS と JavaScript でタブ切り替え
CSS と JavaScript でタブ切り替えを実現しています。なるべく CSS や JS の記述量を最小にするように努力しました。もっとシンプルにできそうなアイディアがございましたらご教示下さい。「無償・無保証・著作権放棄」ですので、このページのソースを適当にいじって自由に使って下さい。全てのタブの中味は 1 つの HTML ファイル (このファイル) に書いてあります。見出しのクリックにより、表示の ON/OFF を切り替えるだけ、という仕組みです。タブの見出しをクリックするたびにサーバーを読みに行くのが欝陶しく思えるときに、うってつけかと。そう言えば、某サイトでは、クリックどころか、タブの見出しにマウスカーソルを合わせるだけで、フォーカスされていることを表す見出しの画像 (背景色が異なるだけ) をいちいち Web サーバーへ取りに
ladybug_1103 2009/05/22
...IEで見たら先頭のタブのつなぎ目が1px開いてる・・・

css

タブ
リンク
Clockworks | CSSで作るタブ風メニュー　その2
前回のCSSで作るタブ風メニュー（サンプル）がNetscapeとOperaで少し表示がおかしかったので修正しました。追加：CSSで作るタブ風メニュー（色付き）メニューごとに色分けしたもの　⇒　サンプル（新窓で開きます）
ladybug_1103 2009/05/22
...IEで見ても先頭のタブのつなぎ目が1px開かない

javascript

css

タブ
リンク
1