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>
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
實現(xiàn)頁面最大化 默認img圖片 屏蔽鼠標右鍵 取消選取防止復制等實現(xiàn)代碼。2009-10-10
這篇文章主要介紹了node-http-proxy修改響應結果的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細介紹了JS組件Bootstrap Table使用方法，具有一定的實用性和參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要為大家詳細介紹了js版本實現(xiàn)手風琴效果和jquery版本實現(xiàn)的手風琴效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
JS實現(xiàn)單例模式的多種方案 ，本文稍加總結，列出了6種方式與大家分享，大體上將內容分為了ES5（Function）與ES6（Class）實現(xiàn)兩種部分，對js單例模式相關知識感興趣的朋友跟隨小編一起看看吧2022-09-09
本文主要介紹了webpack搭建腳手架打包TypeScript代碼，文中通過示例代碼介紹的非常詳細,具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
解析JavaScript中 querySelector 與 getElementById 方法的區(qū)別
這篇文章主要介紹了JavaScript中 querySelector 與 getElementById 方法的區(qū)別,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-10-10
Js Snowflake(雪花算法)生成隨機ID的實現(xiàn)方法
這篇文章主要介紹了Js Snowflake(雪花算法)生成隨機ID的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
一個不錯的應用,用于提交獲取文章內容，不推薦用...2007-03-03
一個表格收縮展開的函數(shù)...2006-07-07