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 设置url参数
Jul 08 Javascript
获取3个数组不重复的值的具体实现
Dec 30 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
Jun 05 Javascript
javascript中的previousSibling和nextSibling的正确用法
Sep 16 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 Javascript
js数字计算 误差问题的快速解决方法
Feb 28 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
Feb 28 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
JS实现图片手风琴效果
Apr 17 Javascript
JS去掉字符串末尾的标点符号及删除最后一个字符的方法
Oct 24 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
Nov 11 Javascript
Vuex中的Mutations的具体使用方法
Jun 01 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
Access数据库导入Mysql的方法之一
2006/10/09 PHP
一个好用的分页函数
2006/11/16 PHP
攻克CakePHP系列一 连接MySQL数据库
2008/10/22 PHP
PHP 程序员的调试技术小结
2009/11/15 PHP
php实现paypal 授权登录
2015/05/28 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
Yii框架实现的验证码、登录及退出功能示例
2017/05/20 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
JS如何将UTC格式时间转本地格式
2013/09/04 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
2015/11/26 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
2016/11/01 Javascript
使用use注册Vue全局组件和全局指令的方法
2018/03/08 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
vue 在服务器端直接修改请求的接口地址
2020/12/19 Vue.js
Python脚本实现自动将数据库备份到 Dropbox
2017/02/06 Python
python爬虫入门教程--快速理解HTTP协议(一)
2017/05/25 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
Python实现AI换脸功能
2020/04/10 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
法国二手MacBook销售网站:Okamac
2019/03/18 全球购物
能否解释一下XSS cookie盗窃是什么意思
2012/06/02 面试题
自主招生自荐信范文
2013/12/04 职场文书
应届毕业生自我鉴定范文
2013/12/27 职场文书
倡议书的写法
2014/08/30 职场文书
服务整改报告
2014/11/06 职场文书
离婚协议书范文
2015/01/26 职场文书
自愿离婚协议书范本
2015/01/26 职场文书
展览会邀请函
2015/02/02 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
郭明义观后感
2015/06/08 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
SQLServer 错误: 15404,无法获取有关 Windows NT 组/用户 WIN-8IVSNAQS8T7\Administrator 的信息
2021/06/30 SQL Server
Java练习之潜艇小游戏的实现
2022/03/16 Java/Android