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操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
JavaScript在XHTML中的用法详解
Apr 11 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 Javascript
JavaScript利用HTML DOM进行文档操作的方法
Mar 28 Javascript
JSON键值对序列化和反序列化解析
Jan 24 Javascript
对称加密与非对称加密优缺点详解
Feb 06 Javascript
JS异步加载的三种实现方式
Mar 16 Javascript
如何在 Vue.js 中使用第三方js库
Apr 25 Javascript
Vue 2.0学习笔记之Vue中的computed属性
Oct 16 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
Dec 13 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 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
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
php实现字符串首字母大写和单词首字母大写的方法
2015/03/14 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
PHP PDOStatement::bindValue讲解
2019/01/30 PHP
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
jquery弹出框的用法示例(2)
2013/08/26 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
jQuery对象与DOM对象之间的相互转换
2015/03/03 Javascript
究竟什么是Node.js?Node.js有什么好处?
2015/05/29 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
2016/09/20 Javascript
JS批量替换内容中关键词为超链接
2017/02/20 Javascript
Bootstrap与Angularjs的模态框实例代码
2017/08/03 Javascript
Python的randrange()方法使用教程
2015/05/15 Python
实例解析Python中的__new__特殊方法
2016/06/02 Python
python 开发的三种运行模式详细介绍
2017/01/18 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
django 快速启动数据库客户端程序的方法示例
2019/08/16 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
python模拟点击玩游戏的实例讲解
2020/11/26 Python
用CSS3的box-reflect来制作倒影效果
2016/11/15 HTML / CSS
HTML5事件方法全部汇总
2016/05/12 HTML / CSS
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
基督教卡片、励志礼品、家居装饰等:DaySpring
2018/10/12 全球购物
eBay意大利购物网站:eBay.it
2019/09/04 全球购物
Overload和Override的区别
2012/09/02 面试题
带薪年假请假条
2014/02/04 职场文书
民主评议党员个人总结
2015/02/13 职场文书
垂直极限观后感
2015/06/08 职场文书
爱国之歌(8首)
2019/09/29 职场文书