Contoh ini menggunakan skrip JS untuk mengawal ketinggian DIV selari Biasanya dalam susun atur DIV, ketinggian penyesuaian selalu menjadi pening kepala Umumnya, imej latar belakang, DIV luar, lajur kanan yang meliputi lajur kiri, dsb. . Sekarang selepas menambah skrip, ia adalah lebih mudah Jika terdapat tiga DIV selari mendatar, fbox, mbox dan sbox, tulis sahaja dalam tag
: onload="P7_equalCols('fbox','mbox','. sbox ')", syarat ujian: ie5.x, ie6.0, FF1.03, NS7.2, opera8.01.
Kesan akhir.
Kod JS: Hak cipta kepunyaan pengarang asal dan untuk kajian dan penyelidikan sahaja
/*
------------------------------------------ ------------ ----------
skrip Lajur CSS PVII Equal
Hak Cipta (c) 2005 Project Seven Development
www.projectseven.com
Versi: 1.5.0
-- -------------------------------------- ---------
* /
fungsi P7_colH(){ //v1.5 oleh PVII-www.projectseven.com
var i,oh,hh,h=0,dA =document.p7eqc,an=document.p7eqa;if( dA&&dA.length){
for(i=0;i
oh=dA[i].offsetHeight;h=(oh>h)?oh:h;}for(i=0;i dA[i].style.height=h+'px';}lain{P7_eqA(dA[i].id,dA[i].offsetHeight,h);} }jika(an){
untuk(i= 0;ih){
dA[i].style. ketinggian=(h-(hh-h))+' px';}}}lain{document.p7eqa=1;}
document.p7eqth=document.body.offsetHeight;
document.p7eqtw=document. body.offsetWidth;}
}
fungsi P7_eqT(){ //v1.5 oleh PVII-www.projectseven.com
if(document.p7eqth!=document.body.offsetHeight||document.p7eqtw ! =document.body.offsetWidth){
P7_colH ();}
}
fungsi P7_equalCols(){ //v1.5 oleh PVII-www.projectseven.com
if(document.getElementById ){document.p7eqc=new Array;for(i= 0;idocument.p7eqc[i]=document.getElementById(arguments[i]);} setInterval("P7_eqT( )",10);}
}
fungsi P7_eqA(el,h,ht){ //v1.5 oleh 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 }