Fórum Jquery animação #468546
31/01/2014
0
pra variar, mais um probleminha aqui, acho que seja simples, a animação não está funcionando. alguem poderia me dar uma luz.?
<!DOCTYPE html>
<html>
<head>
<title>JQuery - JavaScript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#buttonFadeIn").click(function () {
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
});
</script>
</head>
<body>
<button id="button" name="buttonFadeIn">Click to fade in</button>
<br><br>
<div id="div1" style="width:80px; height:80px; display:none; background-color:red;"></div>
<div id="div2" style="width:80px; height:80px; display:none; background-color:green;"></div><br><br>
<div id="div3" style="width:80px; height:80px; display:none; background-color:blue;">
</body>
</html>
Marcelo Pastore
Curtir tópico
+ 0Posts
02/02/2014
Roniere Almeida
Gostei + 0
02/02/2014
Marcelo Pastore
por favor, tentei de todas as formas, mas acredito que seja simples, mas não achei.
Gostei + 0
02/02/2014
Roniere Almeida
olha o codigo completo
<!DOCTYPE html>
<html>
<head>
<title>JQuery - JavaScript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#buttonFadeIn").click(function () {
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
});
</script>
</head>
<body>
<button id="buttonFadeIn" name="buttonFadeIn">Click to fade in</button>
<div id="div1" style="width:80px; height:80px; display:none; background-color:red;"></div><br><br>
<div id="div2" style="width:80px; height:80px; display:none; background-color:green;"></div><br><br>
<div id="div3" style="width:80px; height:80px; display:none; background-color:blue;">
</body>
</html>
trecho incorreto
<button id="buttonFadeIn" name="buttonFadeIn">Click to fade in</button>
CONFERE?
Gostei + 0
02/02/2014
Marcelo Pastore
obrigado Roniere pela ajuda.
Gostei + 0
02/02/2014
Roniere Almeida
Gostei + 0
02/02/2014
Marcelo Pastore
Gostei + 0
02/02/2014
Roniere Almeida
Gostei + 0
04/02/2014
Marcelo Pastore
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)