0

他の - 半関連の投稿 - を見たことがありますが、私の質問に 100% 答えているものはありません。

いずれにせよ、私がやりたいのは、一時停止 + フェードイン onHover、一時停止 + フェードアウト onHoverOut です。この方法では、ユーザーがホバーまたはホバーアウトしない限り、アニメーションは完了しません。ユーザーが一連のクイック ホバーとホバー アウトを実行する場合、一連の連続したアニメーションをキューに入れたくありません。stop() と clearQueue() を使用して接近しましたが、問題があります。

ホバー、ホバーアウト、ホバーをすばやく繰り返すと、アニメーションは一時停止しますが、次のアニメーションに移行しません。実際のところ、hover と hoverOuts が十分にあると、コンピューターでアニメーションが完全に停止します。

以下のサンプルページと添付のスクリプトを確認してください。この特定の質問に対する共通のパターンやアプローチがあるのではないでしょうか? フェード アニメーションやモーション アニメーションなど、同様のことがオンラインでかなり行われているのを目にします。

この例では、意図的に遅いアニメーション時間を使用しているため、十分な回数ホバーインおよびホバーアウトする時間があります。

デモ: http://ficreates.com/_SiteDemos/lwv2/

スクリプト: http://ficreates.com/_SiteDemos/lwv2/scripts/carNav.js

とにかく、あなたが私に与えることができるどんな助けにも前もって感謝します:)私は確かにそれが必要です!

4

1 に答える 1

1

これはあなたが探しているものですか？

    function carNav() {
        var $navBox = $("#nav_buttons li");

        $navBox.hover(
            function() {
                var $navCar = $(this).find(".nav_car");
                $navCar.fadeIn(2000);
            },
            function() {
                var $navCar = $(this).find(".nav_car");                 
                $navCar.stop().fadeOut(2000);
            }
        );
    }

    $(document).ready(carNav);

デモ http://jsfiddle.net/m2pF5/

または、完全に css で行うこともできます (ie のフォールバックが必要になります)。

CSS デモ http://jsfiddle.net/eNJ6x/1/

于 2013-01-21T17:13:50.527 に答える