0

ページにdivがあり、クリックしてドラッグできます。

このdivの上に、絶対的な位置にある別のdivがあります。

このdivにカーソルを合わせると、フェードアウトして消えて、下のdivを使用できるようにしますが、機能させることができないようです。ホバー時に、何も表示せず、マウスを離したときに、ブロックを表示する方法はありますか？

現在使用しています...

$('.overlay').hover(function() {
    $(this).stop(true).fadeTo("fast", 0);
}, function() {
    $(this).stop(true).fadeTo("fast", 0.3);
});
4

1 に答える 1

1

マウスオーバー/マウスアウトを使用します。

マウスアウトがオンになっていることを確認してください。オンになっていunderlayないと、オーバーレイをフェードアウトしてそのままにしておくため、アニメーションがちらつきます。また、ドラッグイベント中に、オーバーレイを離れているかどうかを確認する必要があります。これは、マウスの下にない場合はマウスアウトのイベントハンドラーを削除し、下に戻った場合は置き換えるためです。

$('.overlay').mouseover(function(){
    $(this).fadeOut("fast");
});

$('.underlay').mouseout(function(){
    $('.overlay').fadeIn("fast");
});

ここにフィドルがあります

于 2013-01-08T13:37:40.363 に答える