1

わかりました。サイトにナビゲーションメニューがあり、メニューの項目にカーソルを合わせると、このコードが機能しないようです。私は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もサイトに含めました(これがあなたに役立つかどうかはわかりません)

ありがとう :)

4

3 に答える 3

1

ナビゲーションメニューの背景色を変更するには、以下のcssコードを試してください

#nav ul li a:hover {
 background-color:#ffffff;
}
于 2013-03-01T08:32:48.713 に答える
0

色をアニメーション化するには、jqueryカラープラグインを含める必要があります。

ここ:http ://code.jquery.com/color/jquery.color-2.1.1.min.js

実際、この機能はJQueryベースライブラリではサポートされていません。

動作するよりも注意してください.css('backgroundColor','#333333')が、同等のアニメーションではないため、プラグインをページにリンクする前に、アニメーション()で試す前にcss()でコードをテストできます。

于 2013-03-01T08:30:41.457 に答える
0

この効果を達成するためにCSS3トランジションを使用してください。これはより便利です。 http://net.tutsplus.com/tutorials/html-css-techniques/css-fundametals-css-3-transitions/

于 2013-03-01T08:38:42.297 に答える