mouseleaveで背景を消し、マウスセンターでフェードアウトします。 jQuery

Question

私は自分のウェブページにマウスを置いたときに背景を邪魔しようとしていますが、動作していないようです。私はここで同様の解決策を探してみましたが、そうすることはできませんでした。

のjQuery：

//fade 
$("html").mouseleave(function(){ 
     $('#intro').fadeTo('slow',0.33,function(){ 
        $("#intro").css("background"); 
     }); 
}); 
//unfade 

$("html").mouseenter(function(){ 
     $('#intro').fadeTo('slow',1,function(){ 
        $("#intro").css("background"); 
     }); 
}); 

フェージングは​​完璧に動作しますが、unfading部分は私がとのトラブルを抱えているものです。

Answer 1

実際のフェードは正常に機能します。問題は、ここで構文エラーのものであろう：あなたは、オブジェクトの表記法を使用しているが、haventは、有効なオブジェクト（キー、値）を通過した

$("#intro").css({background});

。変数でなければならない場合は、中括弧を削除するか、オブジェクトであると仮定されている場合にはプロパティーにbackgroundを指定します。

$("html").mouseleave(function(){ 
 
     $('#intro').fadeTo('slow',0.33,function(){ 
 
     $("#intro").css({background: 'green'}); 
 
     }); 
 
}); 
 

 
$("html").mouseenter(function(){ 
 
     $('#intro').fadeTo('slow',1,function(){ 
 
     $("#intro").css({background: 'red'}); 
 
     }); 
 
});

#intro { 
 
width: 100px; 
 
height: 100px; 
 
background: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="intro"> 
 
</div>