js實現(xiàn)背景圖自適應窗口大小
更新時間：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>
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
這篇文章主要介紹了JS中移除非數(shù)字最多保留一位小數(shù)的實現(xiàn)代碼，文章給大家提到了js處理數(shù)字保留2位小數(shù),強制保留2位小數(shù)不夠補上.00的完整代碼，感興趣的朋友一起看看吧2018-05-05
詳解js對象中屬性的兩種類型之數(shù)據(jù)屬性和訪問器屬性
在理解vue底層響應式原理時，了解到，原來對象中的屬性，不單單從表面看起來那么簡單是key:value形式，而是還有隱藏的內(nèi)部特性，其中對象內(nèi)的屬性分為兩種類型的屬性：數(shù)據(jù)屬性和訪問器屬性，本文將給大家詳細介紹一下數(shù)據(jù)屬性和訪問器屬性,需要的朋友可以參考下2023-05-05
移動端使用localStorage緩存Js和css文的方法(web開發(fā))
這篇文章主要介紹了web移動端使用localStorage緩存Js和css文的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
TypeScript環(huán)境搭建的實現(xiàn)步驟
本文主要介紹了TypeScript環(huán)境搭建的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章介紹了JS在Canvas元素內(nèi)繪制鐘表的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-01-01
JavaScript實現(xiàn)簡易聊天對話框(加滾動條)
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡易聊天對話框，附加滾動條功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要教大家如何快速簡單的實現(xiàn)js計算器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要為大家介紹了?JavaScript作用域學習之動態(tài)作用域深度剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
通過學習bootstrop導航條學會修改bootstrop顏色基調(diào)
這篇文章主要介紹了通過學習bootstrop導航條學會修改bootstrop顏色基調(diào),需要的朋友可以參考下2017-06-06
這篇文章主要介紹了html的DOM中Event對象onabort事件用法,實例分析了onabort事件的適用范圍與對應的javascript使用技巧,需要的朋友可以參考下2015-01-01