求助:导航菜单将同一id赋值给不同菜单项

Question

<style>
.tabs{font: bold 14px Verdana;}#tabsJ{float:left;width:100%;background:#ffffff;font-size:93%;line-height:1.231;border-bottom:1px solid #95CAFF;}#tabsJ ul{margin:0;padding:10px 10px 0 50px;list-style:none;}#tabsJ li{display:inline;margin:0;padding:0;}
#tabsJ a{float:left;background:url("../images/tableftJ.gif") no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;}#tabsJ a span {float:left;display:block;background:url("../images/tabrightJ.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#000000;}
#tabsJ a span {float:none;}#tabsJ a:hover span {color:#FFF;}#tabsJ a:hover{background-position:0% -42px;}#tabsJ a:hover span{background-position:100% -42px;}#tabsJ #current a{background-position:0% -42px;}#tabsJ #current a span{background-position:100% -42px;color:#fff;}
</style><script language="javascript">
function sstj0(){
      document.getElementById("ss0").style.display='block';
      document.getElementById("ss1").style.display='none';
      document.getElementById("ss2").style.display='none';
      document.getElementById("ss3").style.display='none';
      document.getElementById("ss4").style.display='none';
      document.getElementById("ss5").style.display='none';
      document.getElementById("ss6").style.display='none';
      document.getElementById("ss7").style.display='none';    
}
</script><div id="ss0" style="display:block;"><table border="0" width="960" cellspacing="0" cellpadding="0" align="center" class="tabs"><tr><td><div id="tabsJ"><ul>
<li id="current"><a href="javascript:sstj0();" target=_self><span>网页</span></a></li>
<li><a href="javascript:sstj1();" target=_self><span>MP3</span></a></li>
<li><a href="javascript:sstj2();" target=_self><span>影视</span></a></li>
<li><a href="javascript:sstj3();" target=_self><span>图片</span></a></li>
<li><a href="javascript:sstj4();" target=_self><span>问答</span></a></li>
<li><a href="javascript:sstj5();" target=_self><span>新闻</span></a></li>
<li><a href="javascript:sstj6();" target=_self><span>地图</span></a></li>
<li><a href="javascript:sstj7();" target=_self><span>购物</span></a></li>
</ul></div></div></td></tr></table></div>这是我现在的做法,以上是一个DIV的内容,分别把id="current"做到下面的菜单项中,有多少个菜单项做多少个DIV,天啊,页面变的好大....有没有更好的方法,可以把id="current"赋值到不同的菜单项中,我试过把div放到form里,给没个连接取个名字name="ss0",然后javascript通过form.name.value取值判断是那个菜单,但是通不过啊,请高手帮忙啦!

Answer 1

jquery能做到，不知道你会不会通过上边的按钮 掉用JQUERY的方法，让前台的DIV变化不同的内容比如有2个链接<a href="#" onclick="change('1')">MP3</a>
<a href="#" onclick="change('2')">影视</a>写个JS就好了function change(a){    $.get("输出夜.asp?randID="+Math.random(),{act: a},function(data){

         $("#ss0").html(data);
       });
}在输出页面response.write "html"这样就好了

Answer 2

jquery能做到，不知道你会不会通过上边的按钮 掉用JQUERY的方法，让前台的DIV变化不同的内容