首页 > Java教程

背景图自适应窗口大小

2017-01-10 12:05:13

<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>


根据窗口大小调整背景图片的大小