01.<html>
02.<head>
03.<title>ThaiCreate.Com jQuery Tutorials</title>
04.<style>
05. div { margin:3px; width:50px; position:absolute;
06. height:50px; left:10px; top:30px;
07. background-color:yellow; }
08. div.red { background-color:red; }
09.</style>
10.<script type="text/javascript" src="jquery-1.6.4.js"></script>
11.<script type="text/javascript">
12. $(document).ready(function(){
13.
14. $("button").click(function () {
15. $("div").animate({left:'+=200px'}, 2000);
16. $("div").animate({top:'0px'}, 600);
17. $("div").queue(function () {
18. $(this).toggleClass("red");
19. $(this).dequeue();
20. });
21. $("div").animate({left:'10px', top:'30px'}, 700);
22. });
23.
24. });
25.</script>
26.</head>
27.<body>
28.
29. <button>Start</button>
30. <div></div>
31.
32.</body>
33.</html>
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน 
