Dissolvenza Div in utilizzando jQuery - jquery

Ho un contenitore con 3 div "s in, quando il mio documento è pronto come ogni elemento a sfumare a velocità diverse, l'opacità per passare da 0 a 100 senza problemi, è possibile con jquery?

Grazie

risposte:

2 per risposta № 1

jQuery ha integrato il metodo per animare l'opacità dell'elemento: fadeIn

È possibile specificare il tempo di dissolvenza in millisecondi secondo le proprie esigenze.

Seleziona il contenitore richiesto in base al suo id, classe o qualsiasi cosa secondo il tuo markup e chiama il metodo fadeIn.

$("#div1").fadeIn(500);
$("#div2").fadeIn(1500);
$("#div3").fadeIn(2000);

---

0 per risposta № 2

jquery

$(document).ready(function(){

$("#div1").animate({opacity: "0"},"fast");
$("#div2").animate({opacity: "0"},"slow");
$("#div3").animate({opacity: "0"},1000);

});

penso sia quello che vuoi fare, animando l'opacità. scusa per l'inglese im brasiliano

nota: "veloce" e "lento" possono essere modificati per ogni millisecondo desiderato, ad esempio su div # 3

Saluti

---

0 per risposta № 3

Ho fatto un violino per te:

http://jsfiddle.net/6yENB/

---

0 per risposta № 4

HTML:

<div id="divContainer">
<div style="background-color: Red; display: none;">
Red
</div>

<div style="background-color: Green; display: none;">
Green
</div>

<div style="background-color: Blue; display: none;">
Blue
</div>
</div>

jQuery:

$(document).ready(function ()
{
var count = 1000;

$("#divContainer > div").each(function()
{
$(this).fadeIn(count);
count += 1000;
});
}

---