2

CSS トランジションと jQuery UI 関数の両方を試しています。私の質問に入る前に、次のデモを確認してください。

  1. このページのリンクの上にマウスを置いたときに表示される効果は、CSS トランジションのみを使用して行われます。

  2. このページでは、jQuery のみを使用して同じ効果を作成しました( CSS遷移規則をコメントアウトしました)。

  3. ここでは、CSS と jQuery の両方のコードをそのままにしておきますが、CSS と jQuery の両方のイベントが発生するため、アニメーション化にかなりの遅延があることに気付きました (と思います)。

ここで私の質問は、ユーザーのブラウザーで両方を保持し、1 つの方法を効果的に使用するにはどうすればよいかということです。例えば、

  • ユーザーがページを開いたときにブラウザで JavaScript が 無効になっている場合、CSS メソッドが実行されます。
  • ユーザーのブラウザーが CSS トランジションをサポートしていない場合、JavaScript メソッドが実行されます。

どうすればそれを達成できますか？

EDIT : : Modernizer について読みましたが、ユーザーのブラウザーで JavaScript が無効になっていると、あまり効果がありません。

4

1 に答える 1

0

Modernizrの使用を検討しましたか？

if(!Modernizr.csstransitions) { // Test if CSS transitions are supported
            $(function() {
                //animate
            });
        }
于 2012-11-01T13:12:38.193 に答える