案例:jQuery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<script type="text/javascript" src="/js/jquery.js"></script>
4
<script type="text/javascript">
5
$(document).ready(function()
6
  {
7
  $(".btn1").click(function(){
8
    $("table").animate({borderSpacing:"10px"},"slow");
9
  });
10
  $(".btn2").click(function(){
11
    $("table").animate({borderSpacing:"2px"},"slow");
12
  });
13
});
14
</script>
15
<style>
16
table{border:1px solid black;}
17
td{border:1px solid black;}
18
</style>
19
</head>
20
<body>
21
<table>
22
<tr>
23
<td>Peter</td>
24
<td>Griffin</td>
25
</tr>
26
<tr>
27
<td>Lois</td>
28
<td>Griffin</td>
29
</tr>
30
</table>
31
<button class="btn1">Animate</button>
32
<button class="btn2">Reset</button>
33
</body>
34
</html>
35