Clicky

Hospedado por Limestone Networks

Jump to content
  • Sign Up

Sign in to follow this  
João Vitor Mateus

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.


Futuro Now - A tecnologia nos inspira (www.futuronow.com)

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.



×
×
  • Create New...