欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 帝国教程 > 鼠标滑过一级栏目,出现二级栏目的代码

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:797

HTML5自适应律师工作室类网

2020-04-04   浏览:665

高端HTML5响应式企业通用网

2020-05-06   浏览:578

html5响应式外贸网站英文版

2020-05-08   浏览:552

茶叶家具销售类网站

2020-04-28   浏览:550

鼠标滑过一级栏目,出现二级栏目的代码

发布时间:2020-06-23  


/*对点击下栏显示边框的代码进行美化*/
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>
<tr>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
<td><a href="#">栏目</a></td>
</tr>
</table>


<table bgcolor="#E3C9CA">
<tr>
<td>


<div>文字连接0</div>
<div>文字连接1</div>
<div>文字连接2</div>
<div>文字连接3</div>
<div>文字连接4</div>
<div>文字连接5</div>


<div>文字连接6</div>



<div>文字连接7</div>


<div>文字连接8</div>


<div>文字连接9</div>

<div>文字连接10</div>



</td>
</tr>
</table>

</BODY>
</HTML>