Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera, tudo bom?
Bem, acho que essa dúvida é meio Javascript, mas não sei aonde postar.
Eu quero basicamente saber como fazer para:
Quando minha página carregar (index) aparecer cada elemento/div da página por vez com uma opacidade do menor para o maior.
Exemplo:
Carreguei a página, ai por primeiro vai aparecendo o header com uma opacidade bem fraca e vai ficando mais forte, depois algumas informações a baixo dele e assim por diante.
Alguém sabe?
Detalhe, é preciso de uma lib pra fazer o efeito que o rapaz postou ai em cima pra quem não sabe jQuery :natalwink:
Eita, muito obrigado ajudou muito.
Agora, outra pergunta que tem um pouco a ver com isso:
Como fazer pra carregar certa div assim que eu "scrollar" para baixo?
Tipo, ta tudo branco, a partir do momento que eu começo a scrollar pelo mouse as divas vão aparecendo e tal...
É parecido com isso?
Não, Aparecer a div com o scroll:
$(function () {
var msie6 = $.browser == 'msie' && $.browser.version < 7; //Não funciona no IE anterior a versão 7 se não me engano
if (!msie6)
{
$(window).scroll(function (event)
{
var y = $(this).scrollTop();//verifica quando scrooll foi dado
if(y > 50)//se o scroll for maior que 50
{
$("div").fadeIn("fast");
}
else
{
$("div").fadeOut("fast");
}
}
}
});
O Tanto de scroll necessário para aparecer a div você decide.
coloque display:none; em todas as divs do seu site
e faz assim:
setTimeout('$("#div").fadeIn("slow")',2000) setTimeout('$("#div1").fadeIn("slow")', 4000) setTimeout('$("#div2").fadeIn("slow")',6000) setTimeout('$("#div3").fadeIn("slow")',8000) }) </script>