-

CSSでのドロップダウンメニューとJavaScriptでのドロップダウンメニューってどっちのほうが負荷的には高いんですか? いつもCSSで作ってます。

みんなの回答 6 件

名無しさんの回答

作り方にもよるでしょうが、CSSの方が機構的に軽く作れそう。

名無しさんの回答

CSSの場合トリガーがホバー(マウスオーバー)しか無いと思ってるんですが
クリックしてドロップダウンって出来るんです?(質問になってすみません)

名無し

クリック式のは作れません。一応できますが:targetを使うことになります。(不安定になりますが)

名無し

ありがとうございました!:click疑似要素ができたらどんなに楽なことか…

名無しさんの回答

クリック式のは作れません。
一応できますが:targetを使うことになります。(不安定になりますが)

:target擬似クラスを使ったプルダウンメニュー | CSS-EBLOG

http://css-eblog.com/csstechnique/target.html
名無し

:focusでできると思う。

名無し

さすがにfocusは無理だろう

名無し

inputたちを細工する感じカナ… :focus

名無し

どんなタグでも、tabindexを指定すれば、:focusでメニューは実装できますよ。隣接セレクタなどとの併用になると思います。

名無しさんの回答

CSSはネイティブな動作。JSは外付けな動作。という認識。

名無しさんの回答

WebKitとかGeckoとか中身の話しだからなあ。
ちなみにChromeはデバックツールでどの処理にどれだけ時間が掛かったか表示される。
最近JS周りは年ごとに倍々で高速化されてるし、HTML5とCSS3の解釈も相当面倒な事になってるから、JQuery使ってようが大して変わらんだろう。
そもそもHTML5対応のブラウザが動くPCのスペックを考えれば微々たるもの。

名無し

その微々たる差の積み重ねがWebアプリのパフォーマンスを決定するんですがね。侮れませんよ。特にDOM捜査の回数はかなり差が出ると思う。

名無しさんの回答

ドロップダウンを表示させるトリガーをCSSの疑似要素を使うかJSのイベントを使うか、JSのイベントを使った場合の表示非表示をJSで直接スタイルを変更するか、表示非表示のクラスを用意してクラスを変更するか、等なら考慮しなくていいレベルだと思います。
メンテナンスしやすい方法で。
ただJS使った方が融通が効くし、クロスブラウザもしやすいと思います。

最終更新日:2012-05-14 (6,458 views)

関連するトピックス

ページ上部に戻る