TADS:Desenvolvimento Web: codigos1102
De Wiki Cursos IFPR Foz
<html>
<script src="jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
$("#botao1").click(function(){
//$("#imagem").hide();
//$("#imagem").fadeOut(2000);
//$("#imagem")fadeToggle(1000);
$("#imagem").fadeTo("slow", 0.33);
/*$("#imagem").slideUp(1000, function(){
alert("terminou de esconder");
});*/
});
$("#botao2").click(function(){
//$("#imagem").show();
//$("#imagem").fadeIn(2000);
$("#imagem").fadeTo("slow", 1);
//$("#imagem").slideDown(1000)
});
}
</script>
<head></head>
<body>
<input type="button" value="clicar" id="botao1"><br>
<input type="button" value="clicar2" id="botao2"><br>
<img src="exemplo.jpg" id="imagem">
</body>
</html>