您的位置：首页 > Web前端 > JavaScript

简单javascript tab 控件实用

2007-07-04 11:35 176 查看

<html>

<head>

<title> New Document </title>

<style>...

td {...}{ font-family: 宋体; font-size: 9pt;}

.ooib {...}{ border-width: 1px; border-style: none solid solid; border-color: #CC3333; background-color: #E4E5EE;}

.ooih td {...}{ border-width: 1px; padding: 0 5; }

.ooihj {...}{ color: #CC3333; background-color: #E4E5EE; border-style: solid solid none; border-color: #CC3333; cursor: hand}

.ooihs {...}{ color: #6600CC; background-color: #ccccFF; border-style: solid; border-color: #6600CC #6600CC #CC3333; cursor: hand}

.ooihx {...}{ border-style: none none solid; border-color: #CC3333; }

</style>

function ghbq(td)

...{

var tr = td.parentElement.cells;

var ob = obody.rows;

for(var ii=0; ii<tr.length-1; ii++)

...{

tr[ii].className = (td.cellIndex==ii)?"ooihj":"ooihs";

ob[ii].style.display = (td.cellIndex==ii)?"block":"none";

}

</script>

</head>

<body>

<tr>

</tr>

</table>

<tr>

<td>

标签内容一

</td>

</tr>

<td>

标签内容二

</td>

</tr>

<td>

标签内容三

</td>

</tr>

<td>

标签内容四

</td>

</tr>

</table>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript class table border html function

相关文章推荐

新的分享

章节导航

简单javascript tab 控件 实用

简单javascript tab 控件实用