Jquery animação
31/01/2014
0
boa tarde pessoal,
pra variar, mais um probleminha aqui, acho que seja simples, a animação não está funcionando. alguem poderia me dar uma luz.?
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
+ 0
Responder
Posts
02/02/2014
Marcelo Pastore
opa Roniere...
por favor, tentei de todas as formas, mas acredito que seja simples, mas não achei.
por favor, tentei de todas as formas, mas acredito que seja simples, mas não achei.
Responder
02/02/2014
Roniere Almeida
Achei!!! Marcelo, coisa simples mesmo
olha o codigo completo
trecho incorreto
CONFERE?
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?
Responder
02/02/2014
Marcelo Pastore
Mais uma vez, vacilando com coisas simples.
obrigado Roniere pela ajuda.
obrigado Roniere pela ajuda.
Responder
Clique aqui para fazer login e interagir na Comunidade :)
