0

この機能はうまくいきます。しかし、ナビゲーションでこれを取得する方法。A:ホバーするには、マウスがリンクにホバーしたときにフェードで背景を変更したくないですか?css でこれを試しましたが、Internet Explorer では機能しません!

-----------------------
.boxes {
 background:#fff;
 border:1px solid #ccc;
 float:left;
 padding:10px;
 position:relative;
 width:510px;
}

-----------------------
<script type="text/javascript">
$(document).ready(function(){
    $(".boxes").hover(function() {
            $(this).stop().animate({ backgroundColor: "#a7bf51"}, 800);
            },function() {
            $(this).stop().animate({ backgroundColor: "#ffffff" }, 800);
            });
 });

</script>
----------------------------
   <div class="boxes">
    <div class="info">
    <h3>test</a> </h3>
    </div> </div>
     -------------------------

ナビゲーション

<div id="mitte">
<ul class="nav">
<li><a href="#">About Us</a></li>
  <li><a href="#">Our Products</a></li>
  <li><a href="#">FAQs</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">Login</a></li>
 </ul>
 </div>
4

2 に答える 2

0

親 > 子セレクターを使用します。

 $(".nav > a").hover(function() { 
            $('.nav').stop().animate({ backgroundColor: "#a7bf51"}, 800); 
            },function() { 
            $('.nav').stop().animate({ backgroundColor: "#ffffff" }, 800); 
            });
于 2012-06-22T08:05:18.993 に答える
0

あなたのナビゲーションのために：

$("#mitte ul li a").hover(function() ...);

ボックスでこの ALSO を使用する必要がある場合は、次のように定義します。

$("#mitte ul li a").add(".boxes").hover(function() ...);
于 2012-06-22T08:09:21.517 に答える