当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js实现背景图自适应窗口大小

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

2019年03月31日  | 移动技术网IT编程  | 我要评论

话不多说，请看代码

<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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持移动技术网！

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网