脚本控制三行三列自适应高度DIV布局的代码 CSS/HTML

脚本控制三行三列自适应高度DIV布局的代码

所属类别：CSS/HTML

用脚本控制div高度，慢慢缓冲效果不错[复制此代码]CODE:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">脚本控制三行三列自适应高度DIV布局/*------------------------------------------------PVII Equal CSS Columns scriptsCopyright (c) 2005 Project Seven Developmentwww.projectseven.comVersion: 1.5.0------------------------------------------------*/function P7_colH(){ //v1.5 by PVII-www.projectseven.comvar i,oh,hh,h=0,dA=document.p7eqc,an=document.p7eqa;if(dA&&dA.length){for(i=0;ih)?oh:h;}for(i=0;ih){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.comif(document.p7eqth!=document.body.offsetHeightdocument.p7eqtw!=document.body.offsetWidth){P7_colH();}}function P7_equalCols(){ //v1.5 by PVII-www.projectseven.comif(document.getElementById){document.p7eqc=new Array;for(i=0;iadT)?adT:nh;g.style.height=nh+'px';oh=g.offsetHeight;if(oh>ht){nh=(ht-(oh-ht));g.style.height=nh+'px';}if(nhBODY {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}脚本控制三行三列自适应高度DIV布局亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 -你我变老时就会成为他们的一员。使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 -你我变老时就会成为他们的一员。使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 -你我变老时就会成为他们的一员。使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。如果设计者使用像素为单位指定文字大小，大多数的用户将无法缩放文字，因为 Internet Explorer改变文字大小的方式与别的浏览器不同。Mozilla 和 Opera 可以缩放已经设定像素大小的文字，而Windows 下的IE却不能。亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 -你我变老时就会成为他们的一员。使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。如果设计者使用像素为单位指定文字大小，大多数的用户将无法缩放文字，因为 Internet Explorer改变文字大小的方式与别的浏览器不同。Mozilla 和 Opera 可以缩放已经设定像素大小的文字，而Windows 下的IE却不能。亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 -你我变老时就会成为他们的一员。使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。欢迎访问：jb51.net

相关信息

· Java语言入门--第三章　Java程序设计基础

· E往无前

· MYSQL的操作类（已封装）

· 不可共享和可共享连接

....

19497 66627