js实现背景图自适应窗口大小
话不多说,请看代码
<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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持亿速云!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。