案例:jQuery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<script type="text/javascript" src="/js/jquery.js"></script>
4
<script type="text/javascript">
5
x=0;
6
$(document).ready(function(){
7
  $(window).resize(function() {
8
    $("span").text(x+=1);
9
  });
10
  $("button").click(function(){
11
    $(window).resize();
12
  });
13
});
14
</script>
15
</head>
16
<body>
17
<p>窗口的大小被调整了 <span>0</span> 次。</p>
18
<p>请试着调整浏览器窗口的大小。</p>
19
<button>触发窗口的 resize 事件</button>
20
</body>
21
</html>
22