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


Posted in Javascript onJanuary 10, 2017

话不多说,请看代码

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

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

Javascript 相关文章推荐
JavaScript 实现??打印?理
Apr 28 Javascript
jquery右下角自动弹出可关闭的广告层
May 08 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
Dec 31 Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 Javascript
利用pm2部署多个node.js项目的配置教程
Oct 22 Javascript
bootstrap轮播模板使用方法详解
Nov 17 Javascript
你可能不知道的前端算法之文字避让(inMap)
Jan 12 Javascript
JS中移除非数字最多保留一位小数
May 09 Javascript
微信小程序实现人脸检测功能
May 25 Javascript
node.js爬取中关村的在线电瓶车信息
Nov 13 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
Aug 20 Javascript
JS函数本身的作用域实例分析
Mar 16 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 #Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 #Javascript
ajax实现动态下拉框示例
Jan 10 #Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
Jan 10 #Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 #Javascript
JavaScript获取键盘按键的键码(参照表)
Jan 10 #Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 #Javascript
You might like
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
php把数据表导出为Excel表的最简单、最快的方法(不用插件)
2014/05/10 PHP
如何实现JS函数的重载
2006/09/22 Javascript
javascript数组组合成字符串的脚本
2021/01/06 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
JavaScript字符串常用类使用方法汇总
2015/04/14 Javascript
js实现仿Discuz文本框弹出层效果
2015/08/13 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
javascript实现二叉树的代码
2017/06/08 Javascript
微信小程序获取微信运动步数的实例代码
2017/07/20 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
2018/02/08 Javascript
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
vue实现的树形结构加多选框示例
2019/02/02 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
2020/01/07 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
计算Python Numpy向量之间的欧氏距离实例
2020/05/22 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
Python自动化办公Excel模块openpyxl原理及用法解析
2020/11/05 Python
Lenox官网:精美的瓷器&独特的礼品
2017/02/12 全球购物
中学家长会邀请函
2014/02/03 职场文书
2014村务公开实施方案
2014/02/25 职场文书
公务员更新知识培训实施方案
2014/03/31 职场文书
青春寄语大全
2014/04/09 职场文书
中华美德颂演讲稿
2014/05/20 职场文书
七一讲话心得体会
2014/09/05 职场文书
银行反洗钱宣传活动总结
2015/05/08 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
2019年教师入党申请书
2019/06/27 职场文书
css3新特性的应用示例分析
2022/03/16 HTML / CSS
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android