May 17, 2009 

fadeIn() jquery

Criando o efeito fadeIn com jquery.

Veja o exemplo em funcionamento.

Download do codigo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>fadeIn com jquery</title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
 
<script type="text/javascript">
$(document).ready(function() {
 
$('#imagem').hide();
$('#imagem').fadeIn(2000);
 
});
 
</script>
 
</head>
<body>
 
<div id="teste">
 
<img id="imagem" src="imagens/foto.jpg" />
 
</div>
 
</body>
</html>

Não existem posts relacionados.

Tags: , ,

More from this category

2 Responses to “fadeIn() jquery”

  1. Ruben January 14, 2010 at 2:29 pm #

    Bem Legal

  2. will March 21, 2011 at 2:22 pm #

    muito bom e simples para o efeito que causa …. agradeco em nome de todos que fizeram uso da sua ajuda …..

Leave a Reply