Jquery animação
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
Curtidas 0
Respostas
Roniere Almeida
31/01/2014
legal, vou tentar achar o erro.
GOSTEI 0
Marcelo Pastore
31/01/2014
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.
GOSTEI 0
Roniere Almeida
31/01/2014
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?
GOSTEI 0
Marcelo Pastore
31/01/2014
Mais uma vez, vacilando com coisas simples.
obrigado Roniere pela ajuda.
obrigado Roniere pela ajuda.
GOSTEI 0
Roniere Almeida
31/01/2014
De nada Marcelo...caça erros é legal!!! hehehehe
GOSTEI 0
Marcelo Pastore
31/01/2014
tenho que melhorar isso!!!
GOSTEI 0
Roniere Almeida
31/01/2014
só a pratica Marcelo.
GOSTEI 0
Marcelo Pastore
31/01/2014
to melhorando isso.
GOSTEI 0