@H_
674_14@
@H_
674_14@<style>
@H_
674_14@
/*对点击下栏
显示边框的
代码进行美化*/
div.hack
Box{
display:none;
}
</style>
<script>
@H_
674_14@function switchTab(cardBar,cardId)
{
@H_
674_14@
document.getElementById(cardId).className="
SELEcted";
//读出cardContent 下面的所有div
标签
var dvs=document.getElementById("cardContent").getElementsByTagName("div"
);
//循环,判断应该
显示的div
for (i
=0;i<dv
s.length;i++ )
{
if (dvs[i].id==("D"+cardId))
{
dvs[i].style.display="block";
}else
{
dvs[i].style.display="none";
}
}
}
</script>
<BODY>
@H_
674_14@
<table width="950" border="0" id="cardBar">
<tr>
<td id="card0"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card0'
);">栏目</a></td>
<td id="card1"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card1'
);">栏目</a></td>
<td id="card2"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card2'
);">栏目</a></td>
<td id="card3"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card3'
);">栏目</a></td>
<td id="card4"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card4'
);">栏目</a></td>
<td id="card5"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card5'
);">栏目</a></td>
<td id="card6"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card6'
);">栏目</a></td>
<td id="card7"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card7'
);">栏目</a></td>
<td id="card8"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card8'
);">栏目</a></td>
<td id="card9"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card9'
);">栏目</a></td>
<td id="card10"><a href="#" onMou
SEOver="javascript:switchTab('cardBar','card10'
);">栏目</a></td>
</tr>
</table>
@H_
674_14@
<table width="974" border="0" height="30" bgcolor="#E3C9CA" align="center" id="cardContent">
<tr>
<td align="center">
@H_
674_14@
<div id="Dcard0" class="hack
Box">
文字连接0</div>
<div id="Dcard1" class="hack
Box">
文字连接1</div>
<div id="Dcard2" class="hack
Box">
文字连接2</div>
<div id="Dcard3" class="hack
Box">
文字连接3</div>
<div id="Dcard4" class="hack
Box">
文字连接4</div>
<div id="Dcard5" class="hack
Box">
文字连接5</div>
@H_
674_14@
<div id="Dcard6" class="hack
Box">
文字连接6</div>
@H_
674_14@
<div id="Dcard7" class="hack
Box">
文字连接7</div>
@H_
674_14@
<div id="Dcard8" class="hack
Box">
文字连接8</div>
@H_
674_14@
<div id="Dcard9" class="hack
Box">
文字连接9</div>
@H_
674_14@ <div id="Dcard10" class="hack
Box">
文字连接10</div>
@H_
674_14@
</td>
</tr>
</table>
@H_
674_14@
@H_
674_14@</BODY>
</HTML>