首页 > 编程 > JavaScript > 正文

js实现背景图自适应窗口大小

2019-11-19 18:02:49
字体:
来源:转载
供稿:网友

话不多说,请看代码

<script type="text/javascript"> window.onresize = window.onload = function() {  var w,bgImg;  if(!!(window.attachEvent && !window.opera)) {   w = document.documentElement.clientWidth;  } else {   w = window.innerWidth;  }if(w>1650){   document.getElementById ('msg').value ='窗口大小:' + 'width:' + w;   bgImg = document.getElementById('bg').getElementsByTagName('img')[0];   bgImg.width = (w - 5);  }else{  document.getElementById ('msg').value ='窗口大小:' + 'width:' + w;  bgImg = document.getElementById('bg').getElementsByTagName('img')[0];  bgImg.width = 1650; } }</script>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持武林网!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表