案例：jquery案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script src="/js/jquery-1.11.1.min.js"></script>
5
<script>
6
$(document).ready(function(){
7
  $("#flip").click(function(){
8
    $("#panel").slideDown(5000);
9
  });
10
  $("#stop").click(function(){
11
    $("#panel").stop();
12
  });
13
});
14
</script>
15
16
<style type="text/css">
17
#panel,#flip
18
{
19
padding:5px;
20
text-align:center;
21
background-color:#e5eecc;
22
border:solid 1px #c3c3c3;
23
}
24
#panel
25
{
26
padding:50px;
27
display:none;
28
}
29
</style>
30
</head>
31
​
32
<body>
33
34
<button id="stop">停止滑动</button>
35
<div id="flip">点击这里，向下滑动面板</div>
36
<div id="panel">Hello world!</div>
37
​
38
</body>
39
</html>
40
​