Jump to content

Abrindo Página Em Fadein Com Jquery


Recommended Posts

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>

F5uCqQdvGiTY86k-ProgramManager.png

Bom, espero ter ajudado.

Abraço a todos.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...