案例:jquery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script src="/js/jquery-1.11.1.min.js"></script>
5
<script type="text/javascript"> 
6
$(document).ready(function(){
7
  $(".flip").click(function(){
8
    $(".panel").slideUp("slow");
9
  });
10
});
11
</script>
12
 
13
<style type="text/css"> 
14
div.panel,p.flip
15
{
16
margin:0px;
17
padding:5px;
18
text-align:center;
19
background:#e5eecc;
20
border:solid 1px #c3c3c3;
21
}
22
div.panel
23
{
24
height:120px;
25
}
26
</style>
27
</head>
28
 
29
<body>
30
 
31
<div class="panel">
32
<p>W3xue - 领先的 Web 技术教程站点</p>
33
<p>在 W3xue,你可以找到你所需要的所有网站建设教程。</p>
34
</div>
35
 
36
<p class="flip">请点击这里</p>
37
 
38
</body>
39
</html>
40