WEB标准网站设计心得:左中右3栏布局中最先显示中栏内容的方法 - WEB标准网站设计心得 - DonewsBlog - 0 views
-
对于一个左中右3栏布局的页面,比如home.donews.com,用户最想看到的是中栏的信息
-
浏览器显示页面是一行一行的按顺序执行代码,也就是说写在前面的先执行显示,而对于左中右3栏布局的设计,代码要么是从左-->中-->右来书写,要么就是到过来从右-->中-->左来书写,要做到KESO说的效果,那首先要书写的是中栏的代码
-
<script language="javascript">var l=document.getElementById("left").scrollHeightvar m=document.getElementById("middle").scrollHeightvar r=document.getElementById("right").scrollHeightlayoutHeight=Math.max(l,m,r)document.getElementById("left").style.height=layoutHeight+"px"document.getElementById("right").style.height=layoutHeight+"px"document.getElementById("middle").style.height=layoutHeight+"px"</script>