1. 程式人生 > >jq 監聽調整瀏覽器窗口的大小

jq 監聽調整瀏覽器窗口的大小

htm document -s 網址 event ready color script PE

<html>
<head>
<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script type="text/javascript">
x=0;
$(document).ready(function(){
$(window).resize(function() {
$("span").text(x+=1);
});

});
</script>
</head>
<body>
<p>窗口大小被調整過 <span>0</span> 次。</p>
<p>請試著重新調整瀏覽器窗口的大小。</p>
</body>
</html>

演練網址:http://www.w3school.com.cn/jquery/event_resize.asp

jq 監聽調整瀏覽器窗口的大小