Ejemplo stop Jquery
Con jquery podemos parar acciones que estén en ejecución
en la pagina web, utilizando el stop de jquery.
Pudiendo parar una o mas acciones.
A continuación mostrare un ejemplo utilizando el stop:
Stop Jquery
En este ejemplo muestro la acción de mover el h1 hacia la
izquierda 450 px lo cual se detendra en caso de presionar el boton
parar
aqui el codigo:
Ten en cuenta que para que funcione el codigo debes de tener el jquery
aqui el link: Jquery1.11.2.js
en la pagina web, utilizando el stop de jquery.
Pudiendo parar una o mas acciones.
A continuación mostrare un ejemplo utilizando el stop:
Stop Jquery
En este ejemplo muestro la acción de mover el h1 hacia la
izquierda 450 px lo cual se detendra en caso de presionar el boton
parar
aqui el codigo:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>appletenhtml stop jquery</title>
<script src="jquery-1.11.2.js"></script>
</head>
<body>
<article>
<section>
<h1 id="H1" style="position:absolute;">Hola mundo</h1><br><br />
<button id="boton1">Mover</button> <button id="boton1P">Parar</button>
<br><div id="msj1"></div>
</section>
<hr />
</article>
<script>
$(document).ready(function(){
$("#boton1").click(function(){
//moviendo h1
$("#H1").animate({left:'450px'},"slow");
$("#msj1").html("Moviendo");
});
$("#boton1P").click(function(){
//parando
$("#H1").stop();
$("#msj1").html("Parado");
});
});
</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 stop jquery
Comentarios
Publicar un comentario