Clicky

Ir para conteúdo
João Vitor Mateus

Abrindo Página Em Fadein Com Jquery

Posts Recomendados

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.

  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.



O Portal do Host

Dicas para sua empresa de hospedagem. Artigos, notícias, tutoriais e os aspectos da indústria de hospedagem.

Limestone Networks

A LSN tem sido parceira e patrocinadora do PDH, fornecendo uma plataforma segura e confiável.

Cloud - Servidores decicados - Co-location
×
×
  • Criar Novo...