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 相关文章推荐
QUnit jQuery的TDD框架
Nov 04 Javascript
jquery load事件(callback/data)使用方法及注意事项
Feb 06 Javascript
Node.js中HTTP模块与事件模块详解
Nov 14 Javascript
js实现简单鼠标跟随效果的方法
Apr 10 Javascript
网页收藏夹显示ICO图标(代码少)
Aug 04 Javascript
常用的Javascript设计模式小结
Dec 09 Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 Javascript
Angular的$http与$location
Dec 26 Javascript
JavaScript 函数节流详解及方法总结
Feb 09 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
Oct 26 Javascript
JavaScript定时器使用方法详解
Mar 26 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
PHP4引用文件语句的对比
2006/10/09 PHP
PHP XML数据解析代码
2010/05/26 PHP
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
用PHP的反射实现委托模式的讲解
2019/03/22 PHP
javascript getElementsByClassName 和js取地址栏参数
2010/01/02 Javascript
JavaScript对象链式操作代码(jquery)
2010/07/04 Javascript
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
JS代码实现根据时间变换页面背景效果
2016/06/16 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
Webpack优化配置缩小文件搜索范围
2017/12/25 Javascript
JS写谷歌浏览器chrome的外挂实例
2018/01/11 Javascript
详解vue表单——小白速看
2018/04/08 Javascript
Django+vue跨域问题解决的详细步骤
2019/01/20 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
微信小程序自定义底部弹出框功能
2020/11/18 Javascript
详解Vue 的异常处理机制
2020/11/30 Vue.js
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
Python 获取numpy.array索引值的实例
2019/12/06 Python
Python实现图像去噪方式(中值去噪和均值去噪)
2019/12/18 Python
python如何写try语句
2020/07/14 Python
Pottery Barn阿联酋:购买家具、家居装饰及更多
2019/12/08 全球购物
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
大学生表扬信范文
2014/01/09 职场文书
实习生评语
2014/04/26 职场文书
大学生入党积极分子党校学习思想汇报
2014/10/25 职场文书
考试作弊检讨书怎么写?
2014/12/21 职场文书
2016应届毕业生实习心得体会
2015/10/09 职场文书
七年级生物教学反思
2016/02/20 职场文书
解读MySQL的客户端和服务端协议
2021/05/10 MySQL
html form表单基础入门案例讲解
2021/07/21 HTML / CSS
Python制作春联的示例代码
2022/01/22 Python