Olá amigos do Fórum do Host. Mais uma vez venho psotar um tutorial simples, mas que da um efeito legal as páginas que você quiser colocar o tal efeito. Eu chamo de fadeIn, se você quiser chamar de fumaça, loucura, efeito de dorgas ou qualquer outra coisa está valendo.
Chega de papo furado e vamos lá.
Primeiro vamos importar o jQuery para a página.
Coloque a seguinte linha abaixo do <title></title>, ficando assim:
<title>Nome da página</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Agora vá ao CSS e em na tag body {} coloque a opacidade para 0.2, assim:
body {opacity:0.2}
Retorne novamente ao HTML abaixo de onde você importou o jQuery, coloque:
<script type=”text/javascript”>
$(document).ready(function(){
$(‘body’).animate({opacity: ’1.0′})
});
</script>
Bom, espero ter ajudado.
Abraço a todos.