.stop( [clearQueue,] [jumpToEnd] )
<html> <head> <title>ThaiCreate.Com jQuery Tutorials</title> <style> div { position: absolute; background-color: #abc; left: 0px; top:30px; width: 60px; height: 60px; margin: 5px; } </style> <script type="text/javascript" src="jquery-1.6.4.js"></script> <script type="text/javascript"> $(document).ready(function(){ /* Start animation */ $("#go").click(function(){ $(".block").animate({left: '+=100px'}, 2000); }); /* Stop animation when button is clicked */ $("#stop").click(function(){ $(".block").stop(); }); /* Start animation in the opposite direction */ $("#back").click(function(){ $(".block").animate({left: '-=100px'}, 2000); }); }); </script> </head> <body> <button id="go">Go</button> <button id="stop">STOP!</button> <button id="back">Back</button> <div class="block"></div> </body> </html>
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท