久久香蕉视频网站,福利片一区二区三区,国产白丝袜美女久久久久

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

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

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

前一頁(yè):滑動(dòng)展開(kāi)/收縮廣告（兼容ff/ie6/ie7）

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

相關(guān)閱讀: 02. 解決只能運(yùn)行asp頁(yè)面不能運(yùn)行數(shù)據(jù)庫(kù)錯(cuò)誤; 微信公眾號(hào)回復(fù)圖文消息或用客服接口推送圖文消息; 隨心所欲的定制彈出窗口; ASP.NET 2.0跨網(wǎng)頁(yè)提交的三法; ASP漢字圖片驗(yàn)證碼; 綿陽(yáng)市康輝國(guó)際旅行社有限責(zé)任公司; 另類的title提示文字; 一個(gè)利用radio單選選擇框進(jìn)行變色的網(wǎng)頁(yè)效果

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

正在加載評(píng)論......

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

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

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

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

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

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

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

更多>>隨機(jī)抽取信息: web2.0網(wǎng)頁(yè)--常用的XHTML標(biāo)簽的使用技巧方法介紹; python自動(dòng)控制鼠標(biāo)操作pymouse; Div+CSS+JS樹(shù)型菜單，可刷新; 旅行社企業(yè)單位團(tuán)隊(duì)游主題定制; 幾個(gè)經(jīng)典的css技巧; iis點(diǎn)開(kāi)后任務(wù)欄上有顯示，但是窗口看不到的解決辦法

更多標(biāo)簽熱門(mén)標(biāo)簽

open 定制 strong RegExp 幻燈選項(xiàng) 關(guān)聯(lián) 打字保留背景 ie5.5 評(píng)論 select 緩沖 exe 按鈕效果逗號(hào) 格式 xml 錯(cuò)誤 iis 載入無(wú)限 img 愛(ài)國(guó) 定位默認(rèn)高度光標(biāo) 排版綠色表單文字樣式移動(dòng) 文件大小繁體標(biāo)簽 dd iframe 原則字體愛(ài)墻重復(fù) 密碼 radio lightbox time slectindext 定律管理系統(tǒng)

隔壁人妻偷人bd中字_特黄特黄一级片_国产午夜大地久久_污色网站在线观看_a天堂资源在线观看_精品日韩久久久_欧美日韩福利在线_欧美日韩一区二区在线免费观看_欧美大尺度做爰床戏_国产情侣av自拍

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