1

:hover で動作し、css のみを使用する 3 レベルのメニューがあります。ここで、ホバーに小さな遅延を追加する必要があります (したがって、css :hovers を .hover クラスに変更し、jQuery を使用します)。問題は、ブラウザの JavaScript がオフになっている場合でも、メニューは機能するかどうかです。両方の「システム」を同時に動作させることはできますか?

4

1 に答える 1

3

タグにクラスを追加no-jsします。<html>

<html class="no-js">

次に、そのクラスを JavaScript から削除します。

$('html').removeClass('no-js');

CSS では、次のように JS が無効になっているブラウザーをターゲットにします。

.menu.hover { color: red; } // .hover class
.no-js .menu:hover { color: red; } // pseudo :hover JS disabled
于 2012-08-20T02:10:24.633 に答える