91精品免费久久久久久久久,成年人视频免费看,a4yy午夜

腳本控制三行三列自適應(yīng)高度DIV布局

深山行者個(gè)人網(wǎng)站 2009/7/28 14:36:42 深山行者字體:大中小瀏覽 7240

以下為詳細(xì)代碼

<!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>腳本控制三行三列自適應(yīng)高度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>腳本控制三行三列自適應(yīng)高度DIV布局</h3>
</div>
<div id="mid">
 <div id="fbox">
 <p>親和力指的并不只是關(guān)于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時(shí)就會成為他們的一員。使網(wǎng)站變得更具親和力的一個(gè)最簡單的方法就是允許用戶改變文字大小；拒絕提供這樣的選擇就剝奪了用戶的主導(dǎo)權(quán)，很可能使用戶無法舒適地閱讀。 </p>
 <p>親和力指的并不只是關(guān)于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時(shí)就會成為他們的一員。使網(wǎng)站變得更具親和力的一個(gè)最簡單的方法就是允許用戶改變文字大小；拒絕提供這樣的選擇就剝奪了用戶的主導(dǎo)權(quán)，很可能使用戶無法舒適地閱讀。 </p>
 </div>
 <div id="mbox">
 <p>親和力指的并不只是關(guān)于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時(shí)就會成為他們的一員。使網(wǎng)站變得更具親和力的一個(gè)最簡單的方法就是允許用戶改變文字大小；拒絕提供這樣的選擇就剝奪了用戶的主導(dǎo)權(quán)，很可能使用戶無法舒適地閱讀。 </p>
 <p>如果設(shè)計(jì)者使用像素為單位指定文字大小，大多數(shù)的用戶將無法縮放文字，因?yàn)?Internet Explorer 
 改變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經(jīng)設(shè)定像素大小的文字，而Windows 下的IE卻不能。 </p>
 <p>親和力指的并不只是關(guān)于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時(shí)就會成為他們的一員。使網(wǎng)站變得更具親和力的一個(gè)最簡單的方法就是允許用戶改變文字大小；拒絕提供這樣的選擇就剝奪了用戶的主導(dǎo)權(quán)，很可能使用戶無法舒適地閱讀。 </p>
 <p>如果設(shè)計(jì)者使用像素為單位指定文字大小，大多數(shù)的用戶將無法縮放文字，因?yàn)?Internet Explorer 
 改變文字大小的方式與別的瀏覽器不同。Mozilla 和 Opera 可以縮放已經(jīng)設(shè)定像素大小的文字，而Windows 下的IE卻不能。 </p>
 </div>
 <div id="sbox">
 <p>親和力指的并不只是關(guān)于盲人和屏幕閱讀器。還有許多人雖然不是盲人，但是有視力障礙 - 
 你我變老時(shí)就會成為他們的一員。使網(wǎng)站變得更具親和力的一個(gè)最簡單的方法就是允許用戶改變文字大小；拒絕提供這樣的選擇就剝奪了用戶的主導(dǎo)權(quán)，很可能使用戶無法舒適地閱讀。 </p>
 </div>
</div>
<div id="footer">
 <h5>僅供演示</h5>
</div>
</body>
</html>

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

后一頁:符合標(biāo)準(zhǔn)的正常工作的對聯(lián)廣告(2)

相關(guān)閱讀: ASP漢字轉(zhuǎn)拼音，支持自定義特殊詞語; 網(wǎng)站完成各個(gè)瀏覽器兼容測試; 兼容ie和火狐ff的透明度設(shè)置; 深山留言板V7.0效果; ASP取出HTML里面的圖片地址的函數(shù); 07 問題錯(cuò)誤整理程序目錄權(quán)限父路徑?jīng)]打開錯(cuò)誤; 超級實(shí)用且不花哨的js代碼大全( 4 ); ASP.NET常用的三十三種實(shí)用代碼(上)

共有0條關(guān)于《腳本控制三行三列自適應(yīng)高度DIV布局》的評論: 發(fā)表評論

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

返回頂部發(fā)表評論

呢稱:
表情:
內(nèi) 容:	評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

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

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

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

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

更多>>隨機(jī)抽取信息: 獲取客戶真實(shí)IP地址; asp隨機(jī)顯示字符長度與類型（可隨機(jī)顯示數(shù)字、小寫字母、大寫字母，可以做為隨機(jī)密碼使用）; asp利用fso中的二進(jìn)制數(shù)據(jù)流方式讀取任意文件，并且在網(wǎng)頁上下載保存文件; 網(wǎng)頁設(shè)計(jì)中文本輸入框的參數(shù)說明; 酷在旅途; 一個(gè)非常不錯(cuò)的程序編輯工具--PSPad editor

更多標(biāo)簽熱門標(biāo)簽

漸變資料拖動 DIV+CSS做的透明菜單兼容IE、FF等對象標(biāo)語目標(biāo) 上下左右 javascript mop 2.0 結(jié)果常用 csss px 叛斷載入 asp 愛墻 open iis window shift 比例論壇 css 倒計(jì)時(shí) 變化 body ie5.5 配色 CSS濾鏡留言板游覽器 select 三級居中右擊快捷陰影效果商城框計(jì)算安裝包路徑讀取字符在線許愿墻 split

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

腳本控制三行三列自適應(yīng)高度DIV布局

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