鼠标滑过一级栏目，出现二级栏目的代码
<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" class="hackBox">文字连接0</div>
<div id="Dcard1" class="hackBox">文字连接1</div>
<div id="Dcard2" class="hackBox">文字连接2</div>
<div id="Dcard3" class="hackBox">文字连接3</div>
<div id="Dcard4" class="hackBox">文字连接4</div>
<div id="Dcard5" class="hackBox">文字连接5</div>
<div id="Dcard6" class="hackBox">文字连接6</div>
<div id="Dcard7" class="hackBox">文字连接7</div>
<div id="Dcard8" class="hackBox">文字连接8</div>
<div id="Dcard9" class="hackBox">文字连接9</div>
<div id="Dcard10" class="hackBox">文字连接10</div>
</td>
</tr>
</table>
</BODY>
</HTML>
免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。
帝国CMS7.0对商城系统的功能进行了大更新，功能更完善2019-02-16
帝国cms内容页灵动标签调用当前栏目多篇文章并且排除2019-02-23
-
帝国CMS技巧：如何添加自定义字段和引用2019-02-14
-
帝国cms实现首页用灵动标签调用文章内容的方法2019-02-15
帝国CMS7.5版视频播放器更新，做视频站更方便2019-02-23
帝国cms如何导入模板2019-02-13
-
在帝国cms列表页调用内容页内容字段newstext2019-02-19
-
帝国cms栏目导航调用之SQL语句调用一级栏目和二级栏目2019-02-23
-
帝国CMS商城系统在线支付后，订单邮件提醒2019-02-15
帝国CMS整站源码通用安装教程2019-10-11
