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 HashTable
Jan 22 Javascript
jqTransform form表单美化插件使用方法
Jul 05 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
javascript常用函数归纳整理
Oct 31 Javascript
jQuery实现三级菜单的代码
May 09 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
May 11 Javascript
AngularJS中table表格基本操作示例
Oct 10 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
Apr 22 Javascript
使用next.js开发网址缩短服务的方法
Jun 17 Javascript
Vue父组件监听子组件生命周期
Sep 03 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+MySql编写聊天室
2006/10/09 PHP
特转载一高手总结PHP学习资源和链接.
2006/12/05 PHP
PHP 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
ubuntu10.04配置 nginx+php-fpm模式的详解
2013/06/03 PHP
php的sprintf函数的用法 控制浮点数格式
2014/02/14 PHP
PHP fastcgi模式上传大文件(大约有300多K)报错
2014/09/28 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
PHP的简单跳转提示的实现详解
2019/03/14 PHP
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
2013/06/03 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
2013/10/23 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
2014/03/25 Javascript
jQuery中阻止冒泡事件的方法介绍
2014/04/12 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
2016/04/14 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
smartupload实现文件上传时获取表单数据(推荐)
2016/12/12 Javascript
微信小程序 页面传值详解
2017/03/10 Javascript
Webpack中css-loader和less-loader的使用教程
2017/04/27 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
2018/03/26 Javascript
js实现移动端轮播图
2020/12/21 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
JavaScript实现飞舞的泡泡效果
2020/02/07 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
[52:20]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
Python中列表和元组的相关语句和方法讲解
2015/08/20 Python
对python中raw_input()和input()的用法详解
2018/04/22 Python
python 使用cycle构造无限循环迭代器
2020/12/02 Python
LA MER海蓝之谜美国官网:传奇面霜
2016/08/27 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
小米俄罗斯授权商店:Xiaomi俄罗斯
2019/12/08 全球购物
大学生学习党课思想汇报
2014/01/03 职场文书
品牌转让协议书
2014/08/20 职场文书
mysql数据插入覆盖和时间戳的问题及解决
2022/03/25 MySQL
MySQL数据库Innodb 引擎实现mvcc锁
2022/05/06 MySQL