AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jQuery监听浏览器窗口大小的变化实例

51自学网 http://www.wanshiok.com
jquery改变窗口大小

方法一:在标签上加入  onLoad="" onResize=""  方法  写上对应的方法即可

方法二:window.onresize=function(){///.....} 在方法里面写上对应的代码即可

着两种方法基本都可以解决问题。

<script>function adjust(obj){  var div = document.getElementById("pad");  var txt = document.getElementById("txt");  var w = document.body.clientWidth;  var h = 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><body style="margin:0px;height:0px;"><div id="pad" style="background:red;zoom:1;margin:0px;height:0px;">  <input type="text" id="txt"></div></body>

以上这篇jQuery监听浏览器窗口大小的变化实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持wanshiok.com。


jquery改变窗口大小  
上一篇:Node连接mysql数据库方法介绍  下一篇:Bootstrap table表格简单操作