わかりました。サイトにナビゲーションメニューがあり、メニューの項目にカーソルを合わせると、このコードが機能しないようです。私は2つのコードを試しました:
コード1:
$("#nav li").hover(function() {
$(this).animate({backgroundColor: "#ffffff"}, 'slow');
});
コード2:
$(document).ready(function(){
$("#nav li").hover(
function() {
$(this).stop().animate({backgroundColor: "#ffffff"}, "slow");
},
function() {
$(this).stop().animate({backgroundColor: "#09c"}, "slow");
});
});
これは私のcssであり、念のためにこれを与えます。
#nav {
margin-left:380px;
float:left;
width:650px;
margin-top:-47px;
}
#nav ul {
list-style-type:none;
}
#nav ul li {
float:left;
}
#nav ul li a {
text-align:center;
border-right:1px solid #fff;
display:block;
text-decoration:none;
color:#fff;
padding:20px;
}
#nav ul li ul {
display:none;
}
#nav ul li:hover ul {
display:block;
position:absolute;
background:#fff;
}
#nav ul li a:hover {
display:block;
background:#fff;
color:#09c;
}
ところで、私はjQuery JavaScript Library v1.9.1もサイトに含めました(これがあなたに役立つかどうかはわかりません)
ありがとう :)