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

258资源分享网

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

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:736

高端HTML5响应式企业通用网

2020-05-06   浏览:517

html5响应式外贸网站英文版

2020-05-08   浏览:505

HTML5自适应律师工作室类网

2020-04-04   浏览:501

HTML5影视传媒文化公司类网

2020-05-12   浏览:495

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

发布时间: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>

本文标签

:备案管家服务帮您把复杂流程变简单,解决您在进行网站备案过程中遇到的效率低下和成功率不高的问题。个人300/2个域名,企业500/5个域名,qq1650004.