2011-03-14 1 views
0

J'ai des problèmes lorsque je planerai un élément et que je planerai un élément à l'intérieur. Je ne sais pas si c'est la meilleure façon de faire ce que j'essaie d'accomplir. Voici mon code:jQuery empêche le scintillement de l'enfant sur un vol stationnaire

Mon balisage:

<div class="wrapper"> 
    <div class="animation"> 
    <a href="#" class="linked"><img src="#"/></a> 
    <h1 class="title hidden"><a href="#">blabla</a></h1> 
    </div> 
</div> 

Mes js:

$('.animation a img').hover(function(){ 
     $(this).parent().next().stop().fadeTo("medium", 1); 
     $(this).stop().fadeTo("fast", 0); 
    }, function(){ 
     $(this).parent().next().stop().fadeTo("medium", 0); 
     $(this).stop().fadeTo("fast", 1); 
    }); 

CSS:

#wrapper {margin: 0 auto; width: 960px;} 
    #hidden {display: none;} 
    h1 a {bottom: 0; float: left; font-size: 1.5em; left: 0; position: absolute; width: 460px;} 
    .linked {background: #666; float: left; height: 250px;} 

Les départs vacillantes quand je le vol stationnaire H1. Est-il possible de le désactiver ou de le réparer?

Merci d'avance!

+0

Où se trouve le code CSS? – s84

+0

Je ne vois pas de scintillement –

+0

Lorsque vous hover le H1 semble qu'il y a une autre animation et il effleure l'opacité de l'img parent, je veux arrêter que –

Répondre

0

Il ce que vous voulez http://jsfiddle.net/GWHrK/2/

$('.animation a img').hover(function(){ 
     $(this).parent().next().stop().fadeTo("medium", 1); 
     $(this).stop().fadeTo("fast", .5); 
}); 
+0

Oui, quelque chose comme ça. Mais où est le vol stationnaire? Sur jsfiddle.net/GWHrK/1 lorsque vous passez la souris sur le carré rouge et que vous passez le curseur sur le texte, le carré rouge disparaît à la normale (ce qui semble logique) mais je ne le veux pas. J'espère que ça aide, merci beaucoup! –

+0

avez-vous compris ce que je veux? Tnx –

+0

http://jsfiddle.net/GWHrK/3/ J'ai mis à jour le code. Voyez-le en action! Merci quand même pour votre aide :) –

Questions connexes