選項卡(三項)代碼

2012/7/23 0:11:511389 閱讀

完整頁面<html>

<head>

<title>Tab Effect Example</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<script language=”javascript”>
function tabit(id,cid) {
tab5d.className=”taboff”;tabcv.className=”taboff”;tabbi.className=”taboff”;id.className=”tabon”;
c5d.style.display=”none”;ccv.style.display=”none”;cbi.style.display=”none”;cid.style.display=”block”;
//winname=cid;
}

function showall() {
tab5d.className=”tabon”;tabcv.className=”tabon”;tabbi.className=”tabon”;
c5d.style.display=”block”;ccv.style.display=”block”;cbi.style.display=”block”;
}
</script>
</head>
<body onLoad=”tabit(tab5d,c5d)”>
<table width=”580″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td height=”20″ id=”tab5d” style=”cursor:hand” onMouseMove=”tabit(tab5d,c5d)” width=”25%”>5DMedia</td>
<td id=”tabcv” style=”cursor:hand” onMouseMove=”tabit(tabcv,ccv)” width=”25%”>ChinaVisual</td>
<td id=”tabbi” style=”cursor:hand” onMouseMove=”tabit(tabbi,cbi)” width=”25%”>Bluediea</td>
<td width=”25%”>&nbsp;</td>
</tr>
<tr id=”c5d” style=”display:none”>
<td colspan=”4″ > <p><strong>1<br>
</strong></p>
</td>
</tr>

<tr id=”ccv” style=”display:none”>
<td colspan=”4″ ><strong><br>
2</strong></td>
</tr>

<tr id=”cbi” style=”display:none”>
<td colspan=”4″ ><strong><br>
3</strong></td>
</tr>
</table>

下一條：http錯誤401.3 ACL 禁止訪問資源解決辦法

上一條：css讓英文換行問題

信息分享

選項卡(三項)代碼