相关文章
北京网站制作三列自由式布局 770-1024自适应宽度
网站建设《科汛网站管理系统》系统简介
网站建设在文章管理列表直接生成HTML静态页面!(精)
网站建设使用 CSS 创建固定宽度的布局
网站制作Dreamweaver MX 2004 CSS背景属性
北京网站设计用 iframe 解决下拉框与层之冲突
北京网站建设提前解密新功能!Dreamweaver 8中文版图文快报
北京网站建设用Dreamweaver MX建立一个简单的图书查询系统
网站制作CSS滤镜:blur属性
网站制作FLASH8新功能体验:第三章绘图 3.交集
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 北京网站制作北京网页设计脚本控制三行三列自适应高度DIV布局
北京网站制作北京网页设计脚本控制三行三列自适应高度DIV布局
这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中 北京网站建设,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏......来解决。现在加了脚本后,简单多了,假如有三个水平并列的DIV,fbox、mbox、sbox,只要在<body>标签中写入: 北京网站制作onload="P7_equalCols('fbox','mbox','sbox')",测试条件:ie5.x、ie6.0、FF1.03、NS7.2、opera8.01 最终效果.htm
JS代码:版权归原作者,仅供学习研究.
以下是引用片段:网页设计
/* 北京网站制作
------------------------------------------------ 北京网站制作
PVII Equal CSS Columns scripts 北京网站制作
Copyright (c) 2005 Project Seven Development 网站制作
www.projectseven.com 北京网站建设
Version: 1.5.0 北京网页设计
------------------------------------------------ 北京网站制作
*/ 北京网站设计网站制作
function P7_colH(){ //v1.5 by PVII-www.projectseven.com 北京网站建设
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);} 网站制作
}