案例：jQuery案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
  <style>
5
    div { margin:3px; width:50px; position:absolute;
6
    height:50px; left:10px; top:30px;
7
    background-color:yellow; }
8
    div.red { background-color:red; }
9
  </style>
10
​
11
  <script type="text/javascript" src="/js/jquery.js"></script>
12
</head>
13
​
14
<body>
15
​
16
<button>开始</button>
17
<div></div>
18
<script>
19
$("button").click(function () {
20
  $("div").animate({left:'+=200px'}, 2000);
21
  $("div").animate({top:'0px'}, 600);
22
  $("div").queue(function () {
23
    $(this).toggleClass("red");
24
    $(this).dequeue();
25
  });
26
  $("div").animate({left:'10px', top:'30px'}, 700);
27
});
28
</script>
29
​
30
</body>
31
</html>
32
​