上官剑南与黄药师:有谁知道这个网页是怎么做的啊？？

搂主指的是点击“产品介绍 主要特点 技术指标 相关配件 竞争产品 相关文档 相关下载 订购服务”这排导航栏之后会转换页面的效果吧？

将这个页面保存下来，研究它的代码后发现在以上导航栏的链接里面都有“onClick="ProdFinal_Change(×)”，其中×指的就是每一个链接点击后出现的内容的代号，例如“3”就是“技术指标”

这个页面的原理是建立一个有9行的表格，第一行内容为空，余下八行输入以上8个栏目的内容，并将第3至第9行设置为隐藏，因此当页面出现时，显示第一个栏目的内容，也就是第二行，点击其他栏目按钮后，执行一个函数，隐藏其他所有行而显示相应的行，并替换该栏目按钮的背景图片

以上所有操作均通过javascript来完成

以下是我简化这个页面后的代码，可以参考一下：
<SCRIPT language=JavaScript>
var curSelect=1;
function ProdFinal_Change(intRow){
var obj=event.srcElement;
var objTR=obj.parentElement.parentElement;
for(var i=1;i<9;i++){
DetailTable.rows[i].style.display="none";
}
DetailTable.rows[intRow].style.display="";
curSelect=intRow;
return;
}
</SCRIPT>

<TABLE cellSpacing=20 border=0>
<TBODY>
<TR>
<TD></TD>
<TD><A style="CURSOR: hand" onclick=ProdFinal_Change(1)>产品介绍</A></TD>
<TD><A style="CURSOR: hand" onclick=ProdFinal_Change(2)>主要特点</A></TD>
<TD><A style="CURSOR: hand" onclick=ProdFinal_Change(3)>技术指标</A></TD>
<TD><A style="CURSOR: hand" onclick=ProdFinal_Change(4)>相关配件</A></TD>
<TD><A style="CURSOR: hand" onclick=ProdFinal_Change(5)>竞争产品</A></TD>
<TD><A style="CURSOR: hand" onclick=ProdFinal_Change(6)>相关文档</A></TD>
<TD><A style="CURSOR: hand" onclick=ProdFinal_Change(7)>相关下载</A></TD>
<TD><A style="CURSOR: hand" onclick=ProdFinal_Change(8)>订购服务</A></TD>
</TR>
</TBODY>
</TABLE>

<TABLE id=DetailTable>
<TBODY>
<TR><TD> </TD></TR>
<TR><TD>1 </TD></TR>
<TR style="DISPLAY: none"> <TD>2 </TD> </TR>
<TR style="DISPLAY: none"> <TD>3 </TD> </TR>
<TR style="DISPLAY: none"> <TD>4 </TD> </TR>
<TR style="DISPLAY: none"> <TD>5 </TD> </TR>
<TR style="DISPLAY: none"> <TD>6 </TD> </TR>
<TR style="DISPLAY: none"> <TD>7 </TD> </TR>
<TR style="DISPLAY: none"> <TD>8 </TD> </TR>
</TBODY>
</TABLE>

页面开的实在太慢..懒的看了.
如果是页面切换的效果的话
请在google中中搜索"meta标签"