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 相关文章推荐
很棒的学习jQuery的12个网站推荐
Apr 28 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 Javascript
jQuery表单验证插件解析(推荐)
Jul 21 Javascript
JS实现数字格式千分位相互转换方法
Aug 01 Javascript
jQuery实现获取元素索引值index的方法
Sep 18 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
Feb 13 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
Oct 23 Javascript
简述vue中的config配置
Jan 23 Javascript
世界上最短的数字判断js代码
Sep 09 Javascript
Vuejs通过拖动改变元素宽度实现自适应
Sep 02 Javascript
swiperjs实现导航与tab页的联动
Dec 13 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
PHP动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
PHP设计模式之建造者模式定义与用法简单示例
2018/08/13 PHP
php使用mysqli和pdo扩展,测试对比连接mysql数据库的效率完整示例
2019/05/09 PHP
javascript 节点排序 2
2011/01/31 Javascript
js 火狐下取本地路径实现思路
2013/04/02 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
js获取元素的外链样式的简单实现方法
2016/06/06 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
2017/01/08 Javascript
Node.js读取文件内容示例
2017/03/07 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
jQuery实现简单的回到顶部totop功能示例
2017/10/16 jQuery
Angular6 Filter实现页面搜索的示例代码
2018/12/02 Javascript
vue接入腾讯防水墙代码
2019/05/07 Javascript
一篇文章带你浅入webpack的DLL优化打包
2020/02/20 Javascript
react基本安装与测试示例
2020/04/27 Javascript
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
Python实现的金山快盘的签到程序
2013/01/17 Python
Python函数中的函数(闭包)用法实例
2016/03/15 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
Python yield生成器和return对比代码实例
2020/04/20 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
美国在线家装零售商:Build.com
2016/09/02 全球购物
Emma Bridgewater官网:英国餐具制造商
2019/11/24 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
工程造价专业大专生求职信
2013/10/06 职场文书
采购员岗位职责
2013/11/15 职场文书
家长会学生家长演讲稿
2013/12/29 职场文书
竞选班干部演讲稿
2014/04/24 职场文书
培训讲师开场白
2015/06/01 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
高二化学教学反思
2016/02/22 职场文书
python3 hdf5文件 遍历代码
2021/05/19 Python