js实现背景图自适应窗口大小
更新时间：2017年01月10日 09:56:59 作者：狗子的狗粮
本文分享了背景图自适应窗口大小的实例代码，具有一定的参考作用。下面跟着小编一起来看下吧
话不多说，请看代码
<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>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了JS中移除非数字最多保留一位小数的实现代码，文章给大家提到了js处理数字保留2位小数,强制保留2位小数不够补上.00的完整代码，感兴趣的朋友一起看看吧2018-05-05
在理解vue底层响应式原理时，了解到，原来对象中的属性，不单单从表面看起来那么简单是key:value形式，而是还有隐藏的内部特性，其中对象内的属性分为两种类型的属性：数据属性和访问器属性，本文将给大家详细介绍一下数据属性和访问器属性,需要的朋友可以参考下2023-05-05
移动端使用localStorage缓存Js和css文的方法(web开发)
这篇文章主要介绍了web移动端使用localStorage缓存Js和css文的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
本文主要介绍了TypeScript环境搭建的实现步骤，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章介绍了JS在Canvas元素内绘制钟表的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-01-01
这篇文章主要为大家详细介绍了JavaScript实现简易聊天对话框，附加滚动条功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要教大家如何快速简单的实现js计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要为大家介绍了 JavaScript作用域学习之动态作用域深度剖析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
通过学习bootstrop导航条学会修改bootstrop颜色基调
这篇文章主要介绍了通过学习bootstrop导航条学会修改bootstrop颜色基调,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了html的DOM中Event对象onabort事件用法,实例分析了onabort事件的适用范围与对应的javascript使用技巧,需要的朋友可以参考下2015-01-01
最新评论