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

2019-11-25,,,,

话不多说,请看代码

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

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

您可能感兴趣的文章:

  • js实现文本框宽度自适应文本宽度的方法
  • JS制作手机端自适应缩放显示
  • js实现屏幕自适应局部代码分享
  • JS获取片实际宽高及根据图片大小进行自适应
  • javascript自适应宽度的瀑布流实现思路
  • Iframe 自适应高度并实时监控高度变化的js代码
  • JS实现iframe自适应高度的方法示例
  • 通过JAVAScript实现页面自适应
  • javascript 装载iframe子页面,自适应高度
  • 几行js代码实现自适应

《js实现背景图自适应窗口大小.doc》

下载本文的Word格式文档,以方便收藏与打印。