您的位置：首页 > Web前端 > JQuery

jQuery 事件 - resize() 方法

2016-06-28 11:16 567 查看

http://www.w3school.com.cn/jquery/event_resize.asp

实例

对浏览器窗口调整大小进行计数：

$(window).resize(function() {
$('span').text(x+=1);
});

亲自试一试

定义和用法

当调整浏览器窗口的大小时，发生 resize 事件。

resize() 方法触发 resize 事件，或规定当发生 resize 事件时运行的函数。

触发 resize 事件

语法

$(selector).resize()

亲自试一试

将函数绑定到 resize 事件

语法

$(selector).resize(function)

参数	描述
function	可选。规定当发生 resize 事件时运行的函数。

http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_resize
<html>

<head>

<script type="text/javascript" src="/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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航