JS控制網(wǎng)頁背景隨窗口大小自動適應(yīng)

發(fā)表日期：2015-11-09 文章編輯：南昌開優(yōu)網(wǎng)絡(luò) 瀏覽次數(shù)：4447 標(biāo)簽：JS應(yīng)用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>窗口背景變化</title>
<style type="text/css">
*{margin:0;padding:0;}
#bg{
position:absolute;
top:0px;
left:0px;
z-index:-999;
}
</style>
</head>
<body>
<div id="bg">
<img  src="http://www.wallcoo.com/ad/Korea_Besti_Belli/images/jihyun-bestibelli06.jpg" alt="HIGH">
</div>
<input type="text" id="msg" name="msg" size="50"/>
<script type="text/javascript">
window.onresize = window.onload = function(){
var w,h
if(!!(window.attachEvent && !window.opera))
{
h = document.documentElement.clientHeight;
w = document.documentElement.clientWidth;
}else{
h =window.innerHeight;
w = window.innerWidth;
}
document.getElementById('msg').value  ='窗口大小：' + 'width:' + w + '; height:'+h;
var bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
bgImg.width = (w - 5);
bgImg.height= (h-5) ;
}
</script>
</body>
</html>

返回列表

上一篇：JS表單驗(yàn)證下一篇：文本內(nèi)容用正則表達(dá)式替換換行符

欧美日韩一区二区三区四区不卡,日韩欧美视频一区二区三区四区,久久精品欧美一区二区三区不卡,国产精品久久久乱弄

JS控制網(wǎng)頁背景隨窗口大小自動適應(yīng)