改过后倒是可以判定鼠标划过显示内容了，不过又出现一个问题，就是每次划过标题所占用的长度都要变化，怎么改能让他不变呢，像主页那样。还有，怎么样能把tab卡的高度锁定，我现在拿一个页面测试做。tab卡显示内容个数不一样，导至每次面底都跟着动~看起来太不爽了，怎么改成和主页那一样那种子
上图:
另外把改过的代码贴上，方便比我还差的人学习：
<script language=javascript>
function show_Hide(id)
{
Module1=document.getElementById("Module_
52");
Module2=document.getElementById("Module_
53");
Module3=document.getElementById("Module_
54");
H1=document.getElementById("H_1");
H2=document.getElementById("H_2");
H3=document.getElementById("H_3");
MoreID=document.getElementById("More_id");
Module1.style.display="none";
Module2.style.display="none";
Module3.style.display="none";
H1.className="template_sign_1";
H2.className="template_sign_1";
H3.className="template_sign_1";
switch(id)
{
case "Module_
52":
Module1.style.display="";
H1.className="template_sign";
MoreID.href="/cn/article/lanmu_24_80.html";
break;
case "Module_
53":
Module2.style.display="";
H2.className="template_sign";
MoreID.href="/cn/article/lanmu_22_59.html";
break;
case "Module_
54":
Module3.style.display="";
H3.className="template_sign";
MoreID.href="/cn/introduct/lanmu_24_57.html";
break;
}
}
//注释：template_sign_1和template_sign分别表示鼠标离开或经过的样式
</script>
<p>
<tbody>
</tbody>
</p>
<table style="width: 266px; height: 25px" height="25" cellspacing="0" cellpadding="0" width="266" align="left" border="1">
<tbody>
<tr>
<td><span class="template_sign" id="H_1" onmou
删掉我seover="show_Hide('Module_
52')">新闻</span></td>
<td><span class="template_sign_1" id="H_2" onmou
删掉我seover="show_Hide('Module_
52')">产品</span></td>
<td><span class="template_sign_1" id="H_3" onmou
删掉我seover="show_Hide('Module_
52')">简介</span></td>
<td><span class="template_more"><a id="More_id" href="/cn/article/lanmu_24_80.html">more </a></span></td>
</tr>
</tbody>
</table>
<div> </div>
<p> </p>
红色的数字是你要改的ID~
发现个问题。控制鼠标划过的代码发不上来。。。。。复制后把红色的
删掉我删掉附件:
1.jpg