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.

Esse efeito fica legal se trabalhado corretamente, mas eu não recomendo.

Eu prefiro um site com menos efeitos e mais explicito.