js检测浏览器窗口变化

js检测浏览器窗口变化<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>ResizeEndTest</title>&

大家好,欢迎来到IT知识分享网。js检测浏览器窗口变化

<!doctype html>
<html lang=”en”>

<head>
<meta charset=”UTF-8″>
<title>Resize End Test</title>
<script src=”http://www.jq22.com/jquery/1.7.2/jquery.min.js”></script>
<script src=”src/jQuery.resizeEnd.js”></script>
<body>
<div class=”main-wrapper”>
<h1 class=”site-title”>jQuery ResizeEnd Plugin</h1>
<h2>调整您的浏览器窗口的大小,
<br>完成通知的下方会出现:</h2>
<div class=”window”>
<h3>&nbsp;</h3></div>
<br clear=”all”></div>
<script>

; (function($) {

$(window).on(‘resize’,
function() {

$(‘.window h3’).text(‘Resizing…’);

});

$(window).resizeEnd({

delay: 500

},
function() {

$(‘.window h3’).html(‘完成!’);

});

})(jQuery);</script>
</body>

</html>

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/33091.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信