0

不透明度をフェードインすることでナビゲーションバー要素にフォーカスをもたらすこのコードがありますmouseover

ここにあります：

$("#Nav-bar").mouseover(function(){
    $(".content").animate({opacity: 0.3,}, 350 );
}).mouseout(function(){
    $(".content").animate({opacity: 1.0,}, 350 );
});

ここでの問題は、要素に沿ってブラウジングするときに、ページが常にエフェクトに出入りすることです。リンクにカーソルを合わせると、ページがフェードアウトしてから再びインになります。これを止めるにはどうすればよいですか？

jsFiddle

4

1 に答える 1

2

jQueryのstop関数を使用して、以前のアニメーションをリリースします。

 $("#Nav-bar").mouseover(function () {
     $(".content").stop(true).animate({
         opacity: 0.3,
     }, 350);
 }).mouseout(function () {
     $(".content").stop(true).animate({
         opacity: 1.0,
     }, 350);
 });

ライブデモ

于 2013-02-20T17:24:47.743 に答える