JavaScript無しのドロップダウンメニューを実行する純粋なCSS
スポンサード リンク
ドロップダウンメニューCSS。
サンプルは以下。
サンプルはこちら
現在結構話題になっていますが、これはすごいなと思ったので記事として残しておきます。
純粋なCSSによって実行させるドロップダウンメニューのサンプルが公開されています。
非常に勉強になりますね。
コードをコピペして超約してみたんですが、どうもあきらかな著作権違反ぽくなってしまったのでコピペはしません。
どうかリンク先でお確かめください。
Implementing drop-down menus in pure CSS (no JavaScript)
（追加記事）
コメントから参照
Browserによりサポートの仕方違いますよ
Browser Supportを見たら分かるとおり、IE6ではJavascript使用して疑似クラスをごにょごにょしてます。
はてぶでも誤解している人が多いので、注釈お願いします。
すごいですねー。
JavaScriptを切ると見れないですねー。
新ブログ：ITクオリティもよろしく。
スポンサード リンク
 |
 |
 |
 |
» Photoshopちょいテク『惑星を作ってみよう』＋360度パノラマ画像も作れるように
» 最近、ブログを書いている途中に筆が止まる理由がわかった気がする
» ブログエントリ別に見る『注目度10の法則』
» 天才という言葉は、生きている人にいう言葉じゃない気がする
» まるでphotoshop！JavaScriptで実装するクールなカラーピッカー[prototype.js]
» 今後の期待度が高いphotoshopブラシまとめサイト『Quality Brushes for Photoshop』
» FLASHサイト作成インスピレーションの参考になるflashサイト7つ
» あの時、何気なく吸い始めた一本のタバコの値段が900万だと知ったとき
» jQueryサンプル公開後の反省会。みなさんからのアドバイスを5本サンプル化
» [追記]数百件先の画像まで一気に検索してしまうインターフェイスを搭載したfirefoxアドオン
» プロとアマの違いってぶっちゃけたったひとつ
» 一晩で覚えるjQueryの逆引き基礎サンプル7つ
» あなたは大丈夫？知らず知らずのうちに感じている10のパソコンストレス
» よごれた感じのフォトショップチュートリアルとブラシ
» 第2回web開発者インタビュー。マチウケメール便開発者『開発環境はeclipseです！』
Comment
無題
CSSplayでCSSオンリーのプルダウンは以前から公開してますね。ただ、IE対応のためにハックを使って＜a＞タグの中に＜table＞を入れたりしているのでソースが汚くなりますけど。
そもそもアクセシビリティを考えるとプルダウン自体どうなんだろうかという気もしますね。
トラックバックURL
pure CSSのドロップダウンメニュー
from diary LOGS - 2007/09/16
RSS
Browserによりサポートの仕方違いますよ
Browser Supportを見たら分かるとおり、IE6ではJavascript使用して疑似クラスをごにょごにょしてます。はてぶでも誤解している人が多いので、注釈お願いします。