最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 鼠标滑过一级栏目,出现二级栏目的代码建站知

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

时间:2023-05-22 14:05:22 阅读: 文章分类: 网站建设 作者: 网站编辑员

导读:[标网站seo优化课程签:目录]建站知识帝国CMS模板网下面的帝国CMS教程栏目为您提供了鼠标滑过一级栏目,出现二级栏目的代码网站优化seo培训seo网站优化软件。

网站优化seo培训seo网站优化软件

<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="#" onMouseOve网站seo优化培训r="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="#" onMou建设网站seOver="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>

关键词标签: 栏目 鼠标

声明: 本文由我的SEOUC技术文章主页发布于:2023-05-22 ,文章鼠标滑过一级栏目,出现二级栏目的代码建站知主要讲述栏目,鼠标,鼠标滑过一级栏目,出现二级栏目的代网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_4581.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章