2011-03-01 3 views
0

Excuses pour une question simple Je suis juste débutant. J'ai un div de navigation et 4 div div class à l'intérieur.Sélection d'un div dans un div

Je veux être en mesure de changer la classe d'arrière-plan pour le bouton approprié div lorsque mouseover/entrée etc.

C'est le Jquery je jusqu'à présent

<script> 
$(document).ready(function(){ 
    $("#nav").mouseenter(function(){ 
    $(this).stop(true,true).find(".button").fadeTo(200,0.5,function(){ 
    $("#nav").mouseleave(function(){ 
    $(this).stop(true,true).find(".button").fadeTo(200,1); 
    }); 
    }); 
    }); 
}); 
</script> 
+1

Quelle est la question? Quels problèmes avez-vous? – Ikke

+1

Configurez votre code sur jsfiddle.com, publiez le lien et nous pouvons vous suggérer une meilleure façon de le faire – Jason

+0

Mon problème principal est de sélectionner une div dans un div puis de décaler une propriété css de cette div sélectionnée lorsque mouseEnter. – George

Répondre

1

Je pense que vous voudrez peut-être ceci:

<script> 
$(document).ready(function(){ 
    $("#nav .button").mouseenter(function(){ 
    $(this).stop(true,true).fadeTo(200,0.5,function(){ 
    $(this).mouseleave(function(){ 
    $(this).stop(true,true).fadeTo(200,1); 
    }); 
    }); 
    }); 
}); 
</script> 

Je ne sais pas ce que cela fait, ni avoir testé, mais le point est que je pense que vous voulez ajouter les gestionnaires d'événements aux boutons eux-mêmes, pas le contenant. Est-ce vrai?

+0

Merci Victor cela me donne l'effet que je veux. La chaîne .mouseenter me montre comment le faire à partir de maintenant. – George

0

Essayez ceci:

$('#nav').find('.button').each(function(){ 
    $(this).mouseover(function(){ 
     $(this).attr('style', 'background:url(http://jsfiddle.net/favicon.gif) top left'); 
    }); 
    $(this).mouseout(function(){ 
     $(this).attr('style', 'background:none'); 
    }); 
}); 

Vous pouvez le voir travailler ici - http://jsfiddle.net/FDQXa/

+0

Salut Alex peux-tu faire le fond Gif fadeIn? Mon problème principal était la sélection des divs dans les divs, etc. – George