快捷導(dǎo)航

js實(shí)現(xiàn)背景圖自適應(yīng)窗口大小

更新時(shí)間：2017年01月10日 09:56:59 作者：狗子的狗糧

本文分享了背景圖自適應(yīng)窗口大小的實(shí)例代碼，具有一定的參考作用。下面跟著小編一起來看下吧

話不多說，請看代碼

<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)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

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