兩個(gè)常用的DIV彈出層效果代碼_層和布局特效

有時(shí)候我們想讓div遮擋整個(gè)頁(yè)面，頁(yè)面可能出現(xiàn)滾動(dòng)條，也可能不出現(xiàn)，頁(yè)面有可能是html或者xhtml，這個(gè)方法可以通殺這些情況，而且根據(jù)你的要求，是蓋整個(gè)頁(yè)面，或者可視部分，在兼容性方面支持ie6-8、ff3.0-3.6、chrome、safari……瀏覽器等。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Untitled</title>
	<meta charset="gbk" />
	<style>
		div{
			position:absolute;
			top:0;
			left:0;
			background:#ccc;
		}
	</style>
</head>
<body>
	<div id="test"></div>
<input onclick="test1()" type="button" value="蓋住整個(gè)頁(yè)面"/>
<input onclick="test1(1)" type="button" value="蓋住可視的部分"/>
 
 
 
 
</body>
</html>
	<script>
		function test1(f){
			var d = document.getElementById('test'),wh = getWH(f);
			d.style.cssText +=";width:"+wh.w+'px;height:'+wh.h+'px'
		}
		var getWH = function (){
			var d = document,doc = d[d.compatMode == "CSS1Compat"?'documentElement':'body'];
			return function(f){
				return {
					w:doc[(f?'client':'scroll')+'Width'],
							h:f?doc.clientHeight:Math.max(doc.clientHeight,doc.scrollHeight)
				}
			}
		}()
	</script>

所屬頻道：層和布局特效/更新時(shí)間：2012-10-30

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)層和布局特效：

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索兩個(gè)常用的DIV彈出層效果代碼
特效說(shuō)明：
層和布局模板-兩個(gè)常用的DIV彈出層效果代碼。

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

兩個(gè)常用的DIV彈出層效果代碼_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些