Ejemplo encadenado Jquery
En Jquery podemos asignar mas de una acción utilizando el encadenamiento de jquery.
declarando todas las acciones que se tendría que efectuar.
A continuación mostrare un ejemplo utilizando el encadenamiento.
En este ejemplo efectuo diversos efecos seguidos sobre el H1.
Encadenando efecto jquery en h1
aqui el codigo:
Ten en cuenta que para que funcione el codigo debes de tener el jquery
aqui el link: Jquery1.11.2.js
declarando todas las acciones que se tendría que efectuar.
A continuación mostrare un ejemplo utilizando el encadenamiento.
En este ejemplo efectuo diversos efecos seguidos sobre el H1.
Encadenando efecto jquery en h1
aqui el codigo:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>appletenhtml Chaining jquery</title>
<script src="jquery-1.11.2.js"></script>
</head>
<body>
<article>
<section>
<div id="H1" style="display:none;">Hola mundo</div>
<br><br><br><br /><button id="boton1">ejecutar</button>
</section>
</article>
<script>
$(document).ready(function(){
$("#boton1").click(function(){
$("#H1").slideUp().slideDown().fadeTo("fast",3.09).css("color","blue").slideUp().slideDown().fadeTo("fast",0.20);
});
});
</script>
</body>
</html>
Ten en cuenta que para que funcione el codigo debes de tener el jquery
aqui el link: Jquery1.11.2.js
Descargar ejemplo: example encadenado jquery
Comentarios
Publicar un comentario