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 相关文章推荐
可以文本显示的公告栏的js代码
Mar 11 Javascript
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
javascript中的变量是传值还是传址的?
Apr 19 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
Dec 11 Javascript
js 得到文件后缀(通过正则实现)
Jul 08 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
浅谈Javascript中的Function与Object
Jan 26 Javascript
JavaScript基础篇(6)之函数表达式闭包
Dec 11 Javascript
vue bootstrap小例子一枚
Jun 09 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 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
linux下 C语言对 php 扩展
2008/12/14 PHP
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
谈谈新手如何学习PHP 默默经典版本
2009/08/04 PHP
关于php几种字符串连接的效率比较(详解)
2017/02/22 PHP
php生成word并下载代码实例
2019/03/15 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
在Laravel中实现使用AJAX动态刷新部分页面
2019/10/15 PHP
JS分页效果示例
2013/10/11 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
Javascript基础教程之if条件语句
2015/01/18 Javascript
Vue实现web分页组件详解
2017/11/28 Javascript
vue.js 实现评价五角星组件的实例代码
2018/08/13 Javascript
Node.js模拟发起http请求从异步转同步的5种用法
2018/09/26 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
2019/09/23 Javascript
VUE渲染后端返回含有script标签的html字符串示例
2019/10/28 Javascript
python实现迭代法求方程组的根过程解析
2019/11/25 Javascript
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
Node.js fs模块原理及常见用途
2020/10/22 Javascript
Python中的面向对象编程详解(下)
2015/04/13 Python
使用Python对MySQL数据操作
2017/04/06 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
Python 使用list和tuple+条件判断详解
2019/07/30 Python
python实现TCP文件传输
2020/03/20 Python
美国美妆网站:B-Glowing
2016/10/12 全球购物
美国学校用品、教室和教学商店:Discount School Supply
2018/04/04 全球购物
学术会议邀请函范文
2014/01/22 职场文书
财务人员求职自荐书范文
2014/02/10 职场文书
大宝sod蜜广告词
2014/03/21 职场文书
新农村建设汇报材料
2014/08/15 职场文书
湘江北去观后感
2015/06/15 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
2015暑假假期总结
2015/07/13 职场文书
mysql数据插入覆盖和时间戳的问题及解决
2022/03/25 MySQL
ubuntu下常用apt命令介绍
2022/06/05 Servers