- 2009-12-22 (Tue) 13:20
- 開発ツール・技術
これ、個人的に知らなかったのですが、有名な手法なんですかね？CSSだけでタブメニューを作れちゃう、というテクニックです。
JavaScriptで表示・非表示を切り替えるというのが定石だと思うのですが、JSが使えない時に便利かもですね。Opera用にちょっとしたHackが必要ですが、覚えておくと便利そうですな。
↑ CSSだけでタブメニューによるコンテンツ切り替えが可能です。
デモを見た方が早いかな・・・。
» DEMO: My very nice CSS tabbed portfolio
ソースを見ればなんとなくわかると思いますが、解説はこちら。
» Tabbed CSS only website template | Web development blog of Tibor Szász
こちらもあわせてどうぞ
- Newer: LEGOハウスで生活している人の映像・・・
- Older: こいつは便利！Twitterでフォローしてくれている人のアクティブ率、影響力などを解析してくれる『Ad.ly Analytics』
Posted on December 22nd, 2009
Comments:1
- こっつん 10-03-15 (Mon) 21:55
-
IE7でしか見てないですが、ブラウザのサイズを
小さくしてスクロールバーを出した状態でタブを
クリックするとバグりますね。。
Trackbacks:0
- Trackback URL for this entry
- http://www.ideaxidea.com/archives/2009/12/css_only_tab_menu.html/trackback
- Listed below are links to weblogs that reference
- CSSだけでタブメニューによるコンテンツ切り替えを実現する方法 from IDEA*IDEA ～ 百式管理人のライフハックブログ
