您现在的位置是:网站首页>建站学院帝国CMS

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

2019-07-21来源: 帝国CMS 人已围观

简介 <style>
/*对点击下栏显示边框的代码进行美化*/
div.hackBox{

display:none;
}
</style>
<script>function switchTab(cardBar,cardId){
document.getElementById(c

iaP企业网站模板免费下载_网站建设_企业网站建设方案

<style>iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
/*对点击下栏显示边框的代码进行美化*/iaP企业网站模板免费下载_网站建设_企业网站建设方案
div.hackBox{iaP企业网站模板免费下载_网站建设_企业网站建设方案
iaP企业网站模板免费下载_网站建设_企业网站建设方案
display:none;iaP企业网站模板免费下载_网站建设_企业网站建设方案
}iaP企业网站模板免费下载_网站建设_企业网站建设方案
</style>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<script>iaP企业网站模板免费下载_网站建设_企业网站建设方案

function switchTab(cardBar,cardId){iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
document.getElementById(cardId).className="Selected";iaP企业网站模板免费下载_网站建设_企业网站建设方案
//读出cardContent 下面的所有div标签iaP企业网站模板免费下载_网站建设_企业网站建设方案
var dvs=document.getElementById("cardContent").getElementsByTagName("div");iaP企业网站模板免费下载_网站建设_企业网站建设方案
//循环,判断应该显示的diviaP企业网站模板免费下载_网站建设_企业网站建设方案
for (i=0;i<dvs.length;i++ ){iaP企业网站模板免费下载_网站建设_企业网站建设方案
if (dvs[i].id==("D"+cardId)){iaP企业网站模板免费下载_网站建设_企业网站建设方案
dvs[i].style.display="block";iaP企业网站模板免费下载_网站建设_企业网站建设方案
}else{iaP企业网站模板免费下载_网站建设_企业网站建设方案
dvs[i].style.display="none";iaP企业网站模板免费下载_网站建设_企业网站建设方案
}iaP企业网站模板免费下载_网站建设_企业网站建设方案
}iaP企业网站模板免费下载_网站建设_企业网站建设方案
}iaP企业网站模板免费下载_网站建设_企业网站建设方案
</script>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<BODY>iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
iaP企业网站模板免费下载_网站建设_企业网站建设方案
iaP企业网站模板免费下载_网站建设_企业网站建设方案
<table width="950" border="0" id="cardBar">iaP企业网站模板免费下载_网站建设_企业网站建设方案
<tr>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card0"><a href="#" onMouseOver="javascript:switchTab('cardBar','card0');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card1"><a href="#" onMouseOver="javascript:switchTab('cardBar','card1');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card2"><a href="#" onMouseOver="javascript:switchTab('cardBar','card2');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card3"><a href="#" onMouseOver="javascript:switchTab('cardBar','card3');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card4"><a href="#" onMouseOver="javascript:switchTab('cardBar','card4');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card5"><a href="#" onMouseOver="javascript:switchTab('cardBar','card5');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card6"><a href="#" onMouseOver="javascript:switchTab('cardBar','card6');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card7"><a href="#" onMouseOver="javascript:switchTab('cardBar','card7');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card8"><a href="#" onMouseOver="javascript:switchTab('cardBar','card8');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card9"><a href="#" onMouseOver="javascript:switchTab('cardBar','card9');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td id="card10"><a href="#" onMouseOver="javascript:switchTab('cardBar','card10');">栏目</a></td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
</tr>iaP企业网站模板免费下载_网站建设_企业网站建设方案
</table>iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
<table width="974" border="0" height="30" bgcolor="#E3C9CA" align="center" id="cardContent">iaP企业网站模板免费下载_网站建设_企业网站建设方案
<tr>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<td align="center">iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard0" class="hackBox">文字连接0</div>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard1" class="hackBox">文字连接1</div>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard2" class="hackBox">文字连接2</div>iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard3" class="hackBox">文字连接3</div> iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard4" class="hackBox">文字连接4</div> iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard5" class="hackBox">文字连接5</div>iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard6" class="hackBox">文字连接6</div>iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard7" class="hackBox">文字连接7</div>iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard8" class="hackBox">文字连接8</div>iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
<div id="Dcard9" class="hackBox">文字连接9</div>iaP企业网站模板免费下载_网站建设_企业网站建设方案

<div id="Dcard10" class="hackBox">文字连接10</div>iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案
iaP企业网站模板免费下载_网站建设_企业网站建设方案
</td>iaP企业网站模板免费下载_网站建设_企业网站建设方案
</tr>iaP企业网站模板免费下载_网站建设_企业网站建设方案
</table> iaP企业网站模板免费下载_网站建设_企业网站建设方案

iaP企业网站模板免费下载_网站建设_企业网站建设方案

</BODY>iaP企业网站模板免费下载_网站建设_企业网站建设方案
</HTML>iaP企业网站模板免费下载_网站建设_企业网站建设方案

很赞哦! ()

猜您喜欢

付费说明

    1、安装cms后台,费用是200,基础费用200包括后台调试以及部分页面模板修改.

    2、请加我个人微信 634626966,或者扫一扫微信二维码。备注“网站”

    3、系统安装只限定于帝国cms,并且支持php,虚拟主机,请选择linux系统

    4、【收费说明】制作企业网站,我是这么收费的!

文章评论

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取

站点信息

l