$(document).ready(function () { $("#start").click(function () { $("#myDiv").animate({ width: "500px" }, 5000); }); $("#stop").click(function () { $("#myDiv").stop(); }); $("#reset").click(function () { $("#myDiv").animate({ width: "100px" }, 500); }); });
<html> <head> <title>stop</title> </head> <body> <div id="myDiv"></div><br/> <input type="button" id="start" Value="Start"/> <input type="button" id="stop" Value="Stop"/> <input type="button" id="reset" Value="Reset"/> </body> </html>
#myDiv { height:100px; width:100px; background-color:orange; }