JS实现的最简Table选项卡效果

更新时间：2026-02-18 20:49:16作者：yezheng

本文实例讲述了JS实现的最简Table选项卡效果。分享给大家供大家参考。具体如下：

这是一款最简易的Table选项卡，是基于Table表格的，非DIV结构，习惯表格的朋友可能会喜欢本选项卡，部分修饰仍然用的是Table，比如表格边框、背景颜色等，个人感觉好像用Table比用DIV结构代码更精简一些。

具体代码如下：

<html>

<head>

<!--

.menu1 {

font-size: 14px;

color: #FFFFFF;

text-decoration: none;

background-color: skyblue;

cursor:hand;

}

.menu2 {

font-size: 14px;

color: #990000;

text-decoration: none;

background-color: #FFFFFF;

cursor:hand;

}-->

</style>

function tabit(id,cid) {

tab1.className="menu2";

tab2.className="menu2";

id.className="menu1";

ctab1.style.display="none";

ctab2.style.display="none";

cid.style.display="block";

}

</script>

</head>

<tr>

</tr>

<td height="100" colspan="2" bgcolor="#FFFFFF">今日焦点的内容</td>

</tr>

<td height="100" colspan="2" bgcolor="#FFFFFF">一周热门的内容</td>

</tr>

</table>

</body>

</html>

希望本文所述对大家的JavaScript程序设计有所帮助。

手游推荐