用帧来做导航条
页面a调用页面b页面 a :
<HTML><HEAD><TITLE>page a</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY topMargin=0 marginheight="20"><SCRIPT language=JavaScript>
<!--
function MM_findObj(n, d) { 
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}function MM_showHideLayers() { 
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
    if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
      if (obj.style) { obj=obj.style;v=(v=='show')?'visible':(v='hide')?'hidden':v;
     
  }
      obj.visibility=v;
    }
    
}
//-->
</SCRIPT><DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width=115 align=center border=0>
  <TBODY>
  <TR>
    <TD onmouseover="MM_showHideLayers('news','','show');" 
    onmouseout="MM_showHideLayers('news','','hide')" width="71"><a href="http://sina.com">sina.com</a></TD>
    <TD width="44"></TD>
  </TR>
  <TR>
    <TD width="113" colspan="2">
      <DIV id=news onmouseover="MM_showHideLayers('news','','show')" 
      style="BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 0px; Z-INDEX: 1; VISIBILITY: hidden; BORDER-LEFT: #000000 1px; WIDTH: 110px; BORDER-BOTTOM: #000000 1px; POSITION: absolute; BACKGROUND-COLOR: #333399; layer-background-color: #4070b0" 
      onmouseout="MM_showHideLayers('news','','hide')">
      <IFRAME src="b.htm" frameBorder=0 width="100%" scrolling=no height=50></IFRAME>
      </DIV>
    </TD>
  </TR>
  </TBODY>
</TABLE>
</DIV>
</BODY></HTML>
页面 b:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>page B</title>
</head><BODY bgColor=#333399 leftMargin=0 topMargin=0>
<TABLE borderColor=#000000 cellSpacing=0 borderColorDark=#ffffff cellPadding=2 
width="100%" borderColorLight=#808080 border=1>
  <TBODY>
  <TR>
    <TD onmouseover="javascript:this.bgColor='#000000'" onmouseout="javascript:this.bgColor='#333399'">&nbsp; 
    <A href="http://www.sina.com.cn" target=_parent><font color="#FFFFFF">新浪</font></A>
    </TD>
  </TR>
  <TR>
    <TD onmouseover="javascript:this.bgColor='#000000'" onmouseout="javascript:this.bgColor='#333399'">&nbsp; 
    <A href="http://www.163.com" target=_parent><font color="#FFFFFF">网易</font></A>
    </TD>
  </TR>
  </TBODY></TABLE></BODY></html>要插入更多列只需更改页面 a 中帧的属性就可以了