fond couleur de fond jquery a: hover

Question

Cette fonction fonctionne bien. Mais comment je reçois ceci dans ma navigation. Pour A: hover Je voudrais changer de fond avec fondu lorsque la souris survole un lien? J'ai essayé ceci avec css mais ça ne marche pas dans 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> 
    ------------------------- 

---

Navigation

<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> 

Answer 1

utiliser le parent> sélecteur d'enfant:

$(".nav > a").hover(function() { 
      $('.nav').stop().animate({ backgroundColor: "#a7bf51"}, 800); 
      },function() { 
      $('.nav').stop().animate({ backgroundColor: "#ffffff" }, 800); 
      }); 

Answer 2

Pour votre navigation:

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

Si vous devez utiliser aussi dans des boîtes, il suffit de définir:

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