97色伦图片97色伦图影院久久,日韩在线一区高清在线,欧美亚洲国产人成aaa

腳本控制三行三列自適應高度DIV布局

深山行者個人網站 2009/7/28 14:36:42 深山行者字體:大中小瀏覽 7292

以下為詳細代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>腳本控制三行三列自適應高度DIV布局</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
function P7_colH(){ 
 var i,oh,hh,h=0,dA=document.p7eqc,an=document.p7eqa;
 if(dA&&dA.length){
 for(i=0;i<dA.length;i++){
 dA[i].style.height='auto';
 }
for(i=0;i<dA.length;i++){
 oh=dA[i].offsetHeight;h=(oh>h)?oh:h;
}
for(i=0;i<dA.length;i++){
 if(an){
 dA[i].style.height=h+'px';
 }else{
 P7_eqA(dA[i].id,dA[i].offsetHeight,h);
 }
}
if(an){
 for(i=0;i<dA.length;i++){
 hh=dA[i].offsetHeight;
 if(hh>h){
 dA[i].style.height=(h-(hh-h))+'px';
 }
 }
}else{
 document.p7eqa=1;
}
 document.p7eqth=document.body.offsetHeight;
 document.p7eqtw=document.body.offsetWidth;
 }
}
function P7_eqT(){ //v1.5 by PVII-www.projectseven.com
 if(document.p7eqth!=document.body.offsetHeight||document.p7eqtw!=document.body.offsetWidth){
 P7_colH();
 }
}
function P7_equalCols(){ //v1.5 by PVII-www.projectseven.com
 if(document.getElementById){
 document.p7eqc=new Array;
 for(i=0;i<arguments.length;i++){
 document.p7eqc[i]=document.getElementById(arguments[i]);
 }
setInterval("P7_eqT()",10);
 }
}
function P7_eqA(el,h,ht){ //v1.5 by PVII-www.projectseven.com
 var sp=10,inc=10,nh=h,g=document.getElementById(el),oh=g.offsetHeight,ch=parseInt(g.style.height);
 ch=(ch)?ch:h;var ad=oh-ch,adT=ht-ad;nh+=inc;nh=(nh>adT)?adT:nh;g.style.height=nh+'px';
 oh=g.offsetHeight;if(oh>ht){nh=(ht-(oh-ht));g.style.height=nh+'px';}
 if(nh<adT){
 setTimeout("P7_eqA('"+el+"',"+nh+","+ht+")",sp);
 }
}
</script>
<style type="text/css">
body {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 75%; PADDING-BOTTOM: 0px; MARGIN: 5px; LINE-HEIGHT: 100%; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
#header {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 760px; PADDING-TOP: 0px
}
#mid {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 760px; PADDING-TOP: 0px
}
#footer {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 760px; PADDING-TOP: 0px
}
#header {
BACKGROUND: #f4f4f4; MARGIN-BOTTOM: 5px; HEIGHT: 60px
}
h3 {
MARGIN: 0px; COLOR: #708090; PADDING-TOP: 25px; TEXT-ALIGN: center
}
h5 {
MARGIN: 0px; COLOR: #708090; PADDING-TOP: 25px; TEXT-ALIGN: center
}
#fbox {
BACKGROUND: #f1f1f1; FLOAT: left; WIDTH: 195px
}
#mbox {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #dff7ff; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 5px; WIDTH: 360px; PADDING-TOP: 0px
}
#sbox {
BACKGROUND: #ffebcc; FLOAT: right; WIDTH: 195px
}
p {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; TEXT-INDENT: 2em; LINE-HEIGHT: 130%; PADDING-TOP: 10px
}
#footer {
CLEAR: both; BORDER-TOP: #ffffff 5px solid; BACKGROUND: #cddbed; HEIGHT: 60px; TEXT-ALIGN: center
}
</style>
<meta content="MSHTML 6.00.2800.1515" name="GENERATOR" />
</head>
<body onload="P7_equalCols('fbox','mbox','sbox')">
<div id="header">
 <h3>腳本控制三行三列自適應高度DIV布局</h3>
</div>
<div id="mid">
 <div id="fbox">
 <p>親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變文字大?。痪芙^提供這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。 </p>
 <p>親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變文字大??；拒絕提供這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。 </p>
 </div>
 <div id="mbox">
 <p>親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變文字大??；拒絕提供這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。 </p>
 <p>如果設計者使用像素為單位指定文字大小，大多數的用戶將無法縮放文字，因為 Internet Explorer 
 改變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經設定像素大小的文字，而Windows 下的IE卻不能。 </p>
 <p>親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變文字大?。痪芙^提供這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。 </p>
 <p>如果設計者使用像素為單位指定文字大小，大多數的用戶將無法縮放文字，因為 Internet Explorer 
 改變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經設定像素大小的文字，而Windows 下的IE卻不能。 </p>
 </div>
 <div id="sbox">
 <p>親和力指的并不只是關于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許用戶改變文字大?。痪芙^提供這樣的選擇就剝奪了用戶的主導權，很可能使用戶無法舒適地閱讀。 </p>
 </div>
</div>
<div id="footer">
 <h5>僅供演示</h5>
</div>
</body>
</html>

前一頁:滑動展開/收縮廣告（兼容ff/ie6/ie7）

后一頁:符合標準的正常工作的對聯廣告(2)

相關閱讀: 詳談CSS設計中import與link的區別所在; CSS代碼格式化和壓縮化; DIV+CSS實現內容垂直居中的一個例子; asp Microsoft.XMLHTTP生成靜態頁延遲解決方案; 從百度扣下來的javascript日歷; 七種網站添加鏈接的簡單方法; 兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）; 深山行者留言系統V3.3發布

共有0條關于《腳本控制三行三列自適應高度DIV布局》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發生改變樣式狀態; canvas繪制的文字如何換行; 兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 昆山旅游網; 更變態的頁面右擊失效代碼,選擇,全選,全部失效; 詳談CSS設計中import與link的區別所在; 武義熟溪溫泉旅行網; 億菇緣; DIV與Table布局在大型網站的可用性比較

更多標簽熱門標簽

顏色彈窗 rad 源文件策劃上一頁焦點分辨率移動 126 mssql 叛斷關鍵詞自適應高度收縮右擊 li 閉合路徑提示設為首頁分隔符標注獲取時鐘留言下載想 height 漸變 meta 代碼 css body 查找定律 windows 遍歷手分頁 ico 百度 Google onblur em hover 繁體 tags html 替換 box

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

腳本控制三行三列自適應高度DIV布局

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷