<style>
/*对点击下栏显示边框的代码进行美化*/
div.HackBox{
display:none;
}
</style>
<script>
function switchTab(cardbar,cardID){
document.getElementByID(cardID).classname="Selected";
//读出cardContent 下面的所有div标签
var dvs=document.getElementByID("cardContent").getElementsByTagname("div");
//循环，判断应该显示的div
for (i=0;i<dvs.length;i++ ){
if (dvs[i].ID==("D"+cardID)){
dvs[i].style.display="block";
}else{
dvs[i].style.display="none";
}
}
}
</script>
<BODY>
<table wIDth="950" border="0" ID="cardbar">
<tr>
<td ID="card0"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card0');">栏目</a></td>
<td ID="card1"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card1');">栏目</a></td>
<td ID="card2"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card2');">栏目</a></td>
<td ID="card3"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card3');">栏目</a></td>
<td ID="card4"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card4');">栏目</a></td>
<td ID="card5"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card5');">栏目</a></td>
<td ID="card6"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card6');">栏目</a></td>
<td ID="card7"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card7');">栏目</a></td>
<td ID="card8"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card8');">栏目</a></td>
<td ID="card9"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card9');">栏目</a></td>
<td ID="card10"><a href="#" onMouSEOver="JavaScript:switchTab('cardbar','card10');">栏目</a></td>
</tr>
</table>
<table wIDth="974" border="0" height="30" bgcolor="#E3C9CA" align="center" ID="cardContent">
<tr>
<td align="center">
<div ID="Dcard0" >文字连接0</div>
<div ID="Dcard1" >文字连接1</div>
<div ID="Dcard2" >文字连接2</div>
<div ID="Dcard3" >文字连接3</div>
<div ID="Dcard4" >文字连接4</div>
<div ID="Dcard5" >文字连接5</div>
<div ID="Dcard6" >文字连接6</div>
<div ID="Dcard7" >文字连接7</div>
<div ID="Dcard8" >文字连接8</div>
<div ID="Dcard9" >文字连接9</div>
<div ID="Dcard10" >文字连接10</div>
</td>
</tr>
</table>
</BODY>
</HTML>
以上是内存溢出为你收集整理的鼠标滑过一级栏目，出现二级栏目的代码全部内容，希望文章能够帮你解决鼠标滑过一级栏目，出现二级栏目的代码所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）