miércoles, 25 de marzo de 2009

Animación con JQuery

Ejemplo:


Por supuesto, para que esto funcione tenemos que incluir el script
de JQuery a la página web.

<fieldset id="bloque" style="display:block">
<legent>Ejemplo</legent>
<br />
<input type='textbox' id="txt" name="txt" value="" />
<br />
<br />
<input type="button" id="btn" value="Press Me!" />
</fieldset>

<script type="text/javascript">

$("#btn").click
(
function()
{
$("#bloque").fadeOut("slow",function(){$("#bloque").fadeIn(1000);});
}
);

</script>

Este código hace que el elemento Fieldset desaparezca lentamente y vuelve a aparecer otra vez igualmente lentamente.

No hay comentarios: