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

一個實用的背景平鋪技巧，這里使用了JavaScript技術(shù)，用來控制背景圖片可以隨網(wǎng)頁窗口的大小而自動變大變小，以適應(yīng)網(wǎ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" mrc="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>

所屬頻道：頁面背景特效/更新時間：2012-12-17

[收藏][報錯][返回列表]

相關(guān)頁面背景特效：

頁面背景特效Rss訂閱特效代碼搜索

頁面背景特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索JS控制網(wǎng)頁背景隨窗口大小自動適應(yīng)
特效說明：
頁面背景模板-JS控制網(wǎng)頁背景隨窗口大小自動適應(yīng)。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

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

頁面背景特效Rss訂閱特效代碼搜索

頁面背景特效推薦

猜你也喜歡看這些