Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

darabia

[Resolvido] Fadein|Out

Por , em Desenvolvimento frontend

Recommended Posts

crf_h0m3r    5

crf_h0m3r
Postado

Código abaixo extraído do: http://api.jquery.com/fadeIn/ Recomendo que veja o link e estude.

 

<!DOCTYPE html>
<html>
<head>
 <style>
   span { color:red; cursor:pointer; }
   div { margin:3px; width:80px; display:none;
     height:80px; float:left; }
     #one { background:#f00; }
     #two { background:#0f0; }
     #three { background:#00f; }
   </style>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
 <span><input type="button" value="Clique aqui" /></span>

   <div id="one"></div>
   <div id="two"></div>
   <div id="three"></div>
<script>
     $(document.body).click(function () {
       $("div:hidden:first").fadeIn("slow");
     });
   </script>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito