0

次のアニメーションは、「マウスオーバー」でブロックをフェードアウトしてビューにスライドさせ、「マウスアウト」でフェードアウトして再びスライドさせるように構成されています。ただし、マウスをコンテナDIVの上に戻すと、同じアニメーションが進行しますが、間違った位置から開始します。開始位置にリセットするにはどうすればよいですか？可能であれば、元の位置に戻すために別のアニメーションを追加する必要はありません。

$(".box").css("opacity",0);
    $(".container").mouseover(function () {
        $(".box").stop(true, true).animate({top:99, opacity: 1},150);
    });
    $(".container").mouseout(function () {
        $(".box").stop(true, true).animate({top:59, opacity: 0},150);
    });
4

1 に答える 1

1

最初のアニメーションを開始する前に、非表示のときの最初の値にリセットするだけです。例に値を入れました("top", 50)が、必要な実際の開始値を入力できます。

$(".box").css("opacity",0);
$(".container").mouseover(function () {
    $(".box").stop(true, true).css("top", 50).animate({top:99, opacity: 1},150);
});
$(".container").mouseout(function () {
    $(".box").stop(true, true).animate({top:59, opacity: 0},150);
});
于 2012-09-03T21:21:35.267 に答える