亚洲88,久草综合视频,欧美日韩一区二区在线播放

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

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

以下為詳細代碼

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

相關閱讀: 自由鳥旅行社; 利用正則替換生成html，經典的，可以用數組進行替換; 放心會計; innerHTML支持firefox火狐; 連云港五洲旅行社有限公司; 蘇歐裝飾; Dreamweaver錯誤：在onload運行_beforeSave.htm時，發生了一個JavaScript錯誤; javascript時間顯示01

共有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縮寫語法總結; flash關閉動畫時同時關閉網頁的代碼; 這個可以做為論壇，也可以做留言板; 深山行者留言系統V2.2 (簡稱留言板V2.2); 把以前的做的個人網站程序提供下載,程序大了點,不過全

更多標簽熱門標簽

個性全選百度時間右擊單選 xml Word 靜態網站地圖評論物理 strong 調用客戶端關聯打字 FlashFxp 蓋樓 photoshop 文件許愿墻系統特效 ul filter 心情 onmouserout 強聊獲得 flash 透明下載加減破解框架原則時鐘文字樣式 JavaScript實現文本框提示效果 shift 表格滑輪網頁制作 PSD 右鍵失效 DW 用戶體驗萬年歷適應 box

国产一二区视频_国产一区二区免费_亚洲精选一区_久久精品1_午夜av免费在线观看_在线观看日韩欧美

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