0

http://www.shopvcf.com/blog/?page_id=56をご覧ください

このコードで行ったように、赤いハートの領域を上にスライドさせる必要があります。

$(document).ready(function () {
    $('div.bottomwrap').on({
        'mouseenter': function () {
            $(this).animate({
                bottom: 20
            });
        },
        'mouseleave': function () {
            $(this).animate({
                bottom: 0
            });
        }
    });
});

問題は、ボトムラップだけでなく、コンテンツが入ったボックスに入るときに上にスライドさせたいということです。

同時に非表示にしたいので、背景に画像が表示されます。

どんな助けでも素晴らしいでしょう。ありがとう！

4

1 に答える 1

0

実行したいことの1つは、アニメーションのキューをfalseに設定し、期間を設定することです。それ以外の場合、ユーザーが画面をすばやく前後に移動すると、すべてのものが動き続けます。

詳細については、 http：//api.jquery.com/animate/を確認してください。ただし、次のようになります。

あなたの問題について。オプションの場合は、最初にすべてのセット「jpgoverlay」のIDを変更します（クラス名に設定します）。次に、以下のコードでうまくいくはずです。一意でない名前のIDを持っていると、後で問題が発生する可能性があります。

$(document).ready (function () {
    $('div.jpgoverlay').on({
         'mouseenter': function() {
         $(this).animate({ bottom: 20 },{queue:false,duration:400});
    },
     'mouseleave': function() {
         $(this).animate({ bottom: 0 },{queue:false,duration:400});
     }
    });
});
于 2012-07-17T18:01:26.347 に答える