jQuery监听浏览器窗口大小的变化实例
方法一:在标签上加入 onLoad=""onResize="" 方法 写上对应的方法即可
方法二:window.onresize=function(){///.....}在方法里面写上对应的代码即可
着两种方法基本都可以解决问题。
<script>
functionadjust(obj){
vardiv=document.getElementById("pad");
vartxt=document.getElementById("txt");
varw=document.body.clientWidth;
varh=document.body.clientHeight;
div.style.width=w/3;
div.style.height=h/3;
txt.style.width=w/6;
txt.style.height=h/6;
}
window.onload=function(){
window.onresize=adjust;
adjust();
}
</script>
<bodystyle="margin:0px;height:0px;">
<divid="pad"style="background:red;zoom:1;margin:0px;height:0px;">
<inputtype="text"id="txt">
</div>
</body>
以上这篇jQuery监听浏览器窗口大小的变化实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
3 祝福语简短的微信
10 幼儿祝福语大全简短贺卡
11 感谢教官文案祝福语简短
12 鼠年同事祝福语简短创意
13 元旦祝福语 简短独特群发
14 妈咪跟我生日祝福语简短
15 给儿子新婚祝福语简短
16 伴娘祝福语长文案简短
17 恭喜高考完祝福语简短
18 生日祝福语送老公简短