求javascript导航代码

来源：百度知道 编辑：UC知道 时间：2024/05/15 08:39:43
一个表格有2行，上面一行是导航条，下面一行分两列，当我点击导航条时内容会出现在下面一行的左列，但我点击左面的内容时，右面又会出现别的内容。 求高手相助 谢谢！
高手来啊 小弟谢谢了 急用

1:ajax;2:js+css
下面用第二种方式给你写个超简单的例子
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>简单js+css导航例子</title>
<script language="javascript" type="text/javascript">
function $(id)
{
return document.getElementById(id);
}

function ChangeNav(n)
{
for(var i=0;i<3;i++)
{
if(i==n)
{
$("nav"+i).style.display="block";
}
else
{
$("nav"+i).style.display="none";
}
}
}

function ChangePage(n)
{
for(var i=0;i<12;i++)
{
if(i==n)
{
$("main"+i).style.display="block";
}
else
{
$("main"+i).style.display="none";
}
}
}
</script>
<style type="text/css">