2013-01-11 5 views
0

Je viens d'écrire jquery animate avec opacity et fonctionne très bien avec l'animation qui va de gauche à droite avec l'opacité 0.5, mais ne fonctionne pas de gauche à droite en animation mais fonctionne très bien en fadein.jQuery animer avec opacité

s'il vous plaît prendre regarder le code

$(window).load(function() { 

    $('#apDiv1').animate({top:"640px"},3000); 

    setTimeout(function(){ 

     $('#apDiv12').fadeIn(2000).animate({left:"340px"},3000); 

     setTimeout(function(){ 
      $('#apDiv12').animate({left:"30px", opacity: 0},3000); 
     }, 6300); 

    }, 3300); 

}); 

Comme vous pouvez le voir la première ligne # de apDiv12 où il dit .fadeIn, je veux changer pour animer, mais ne fonctionne pas et je ne comprends pas pourquoi la deuxième # apDiv12 travaille avec animer.

ma question est que dans

$('#apDiv12').fadeIn(2000).animate({left:"340px"},3000);

Je veux utiliser .animate au lieu de fadeIn mais ne fonctionne pas dans Animer, je me demande pourquoi! et comment résoudre cela!

ce qui fait deux différents avec les deux presque le même code! comment puis-je le résoudre pour utiliser animer au lieu de .fadeIn!

s'il vous plaît aider merci.

AM

+0

fadeIn est un raccourci pour animer, donc en fait vous utilisez animer déjà sur les deux, juste derrière les scènes sur fadeIn ... – DrCord

+0

Cela ressemble à ça fonctionne: http://jsfiddle.net/Rykus0/Q9vng/ –

+0

Le problème pourrait être que l'opacité n'est pas set, donc il s'anime de 'opacity: 1' à' opacity: 1'. Dans mon violon, je l'ai mis en utilisant CSS, mais si vous voulez un meilleur support du navigateur, vous pouvez le configurer avec jquery en utilisant 'fadeTo' ou quelque chose de similaire. –

Répondre

0

Je ne suis pas sûr que je comprends tout à fait votre question, mais ne pourriez-vous faire quelque chose comme cela « fade dans » l'élément en utilisant Animer:

$('#apDiv12').animate({opacity: 1}, 2000).animate({left:"340px"},3000); 
+0

désolé pour la confusion, ce que je suis en train de dire que comment puis-je résoudre ceci en animer sur cette ligne de code au lieu d'utiliser .fadeIn! $ ('# apDiv12'). fadeIn (2000) .animate ({left: "340px"}, 3000); parce que ne travaille pas en animer. – user1953826