实现博客园首页导航菜单效果前台代码

最新推荐文章于 2023-05-27 17:48:39 发布

dandanZhang

最新推荐文章于 2023-05-27 17:48:39 发布

阅读量2.2k

点赞数

本文链接：https://blog.csdn.net/zshaodan092011/article/details/8847803

版权

编程语言、专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<div id="side_nav">
<div id="cate_title_block">
<div id="cate_title_title">
<div class="cate_title">
网站分类</div>
</div>
<ul id="cate_item">
<li id="cate_item_108698" Xοnmοuseοver="cateShow(108698)" Xοnmοuseοut="cateHidden(108698)" class=""><a href="/cate/108698/">.NET技术(0)</a> </li>
<li id="cate_item_2" Xοnmοuseοver="cateShow(2)" Xοnmοuseοut="cateHidden(2)" class=""><a href="/cate/2/">编程语言(0)</a> </li>
<li id="cate_item_108701" Xοnmοuseοver="cateShow(108701)" Xοnmοuseοut="cateHidden(108701)" class=""><a href="/cate/108701/">软件设计(1)</a> </li>
<li id="cate_item_108703" Xοnmοuseοver="cateShow(108703)" Xοnmοuseοut="cateHidden(108703)" class=""><a href="/cate/108703/">Web前端(0)</a> </li>
<li id="cate_item_108704" Xοnmοuseοver="cateShow(108704)" Xοnmοuseοut="cateHidden(108704)" class=""><a href="/cate/108704/">企业信息化(0)</a> </li>
<li id="cate_item_108705" Xοnmοuseοver="cateShow(108705)" Xοnmοuseοut="cateHidden(108705)" class=""><a href="/cate/108705/">手机开发(0)</a> </li>
<li id="cate_item_108709" Xοnmοuseοver="cateShow(108709)" Xοnmοuseοut="cateHidden(108709)" class=""><a href="/cate/108709/">软件工程(0)</a> </li>
<li id="cate_item_108712" Xοnmοuseοver="cateShow(108712)" Xοnmοuseοut="cateHidden(108712)" class=""><a href="/cate/108712/">数据库技术(0)</a> </li>
<li id="cate_item_108724" Xοnmοuseοver="cateShow(108724)" Xοnmοuseοut="cateHidden(108724)" class=""><a href="/cate/108724/">操作系统(0)</a> </li>
<li id="cate_item_4" Xοnmοuseοver="cateShow(4)" Xοnmοuseοut="cateHidden(4)" class=""><a href="/cate/4/">其他分类(0)</a> </li>
<li id="cate_item_0" Xοnmοuseοver="cateShow(0)" Xοnmοuseοut="cateHidden(0)" class=""><a href="/cate/all/">所有随笔(74)</a> </li>
<li id="cate_item_-1" Xοnmοuseοver="cateShow(-1)" Xοnmοuseοut="cateHidden(-1)" class="">
<a href="/comment/">所有评论(23)</a> </li>
</ul>
<div class="cate_bottom">
</div>
<div id="cate_sub_block">
<div id="cate_content_block_108698" Xοnmοuseοver="cateShow(108698)" Xοnmοuseοut="cateHidden(108698)" class="cate_content_block_wrapper" style="top: 30px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/beginner/">.NET新手区(0)</a></li><li><a href="/cate/aspnet/">ASP.NET(0)</a></li><li>
<a href="/cate/csharp/">C#(0)</a></li><li><a href="/cate/winform/">WinForm(0)</a></li><li>
<a href="/cate/silverlight/">Silverlight(0)</a></li><li><a href="/cate/wcf/">WCF(0)</a></li><li>
<a href="/cate/clr/">CLR(0)</a></li><li><a href="/cate/wpf/">WPF(0)</a></li><li><a href="/cate/wf/">WF(0)</a></li><li><a href="/cate/xna/">XNA(0)</a></li><li><a href="/cate/vs2010/">
VS2010(0)</a></li><li><a href="/cate/mvc/">ASP.NET MVC(0)</a></li><li><a href="/cate/control/">
控件开发(0)</a></li><li><a href="/cate/ef/">Entity Framework(0)</a></li><li><a href="/cate/winrt_metro/">
WinRT/Metro(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
<div id="cate_content_block_2" Xοnmοuseοver="cateShow(2)" Xοnmοuseοut="cateHidden(2)" class="cate_content_block_wrapper" style="top: 58px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/java/">Java(0)</a></li><li><a href="/cate/cpp/">C++(0)</a></li><li>
<a href="/cate/php/">PHP(0)</a></li><li><a href="/cate/delphi/">Delphi(0)</a></li><li>
<a href="/cate/python/">Python(0)</a></li><li><a href="/cate/ruby/">Ruby(0)</a></li><li>
<a href="/cate/c/">C(0)</a></li><li><a href="/cate/erlang/">Erlang(0)</a></li><li><a href="/cate/verilog/">Verilog(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
<div id="cate_content_block_108701" Xοnmοuseοver="cateShow(108701)" Xοnmοuseοut="cateHidden(108701)" class="cate_content_block_wrapper" style="top: 86px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/design/">架构设计(1)</a></li><li><a href="/cate/108702/">面向对象(0)</a></li><li>
<a href="/cate/dp/">设计模式(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
<div id="cate_content_block_108703" Xοnmοuseοver="cateShow(108703)" Xοnmοuseοut="cateHidden(108703)" class="cate_content_block_wrapper" style="top: 114px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/web/">Html/Css(0)</a></li><li><a href="/cate/javascript/">JavaScript(0)</a></li><li>
<a href="/cate/jquery/">jQuery(0)</a></li><li><a href="/cate/html5/">HTML5(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
<div id="cate_content_block_108704" Xοnmοuseοver="cateShow(108704)" Xοnmοuseοut="cateHidden(108704)" class="cate_content_block_wrapper" style="top: 142px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/sap/">SAP(0)</a></li><li><a href="/cate/sharepoint/">SharePoint(0)</a></li><li>
<a href="/cate/gis/">GIS技术(0)</a></li><li><a href="/cate/OracleERP/">Oracle ERP(0)</a></li><li>
<a href="/cate/dynamics/">Dynamics CRM(0)</a></li><li><a href="/cate/k2/">K2 BPM(0)</a></li><li>
<a href="/cate/3/">企业信息化其他(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
<div id="cate_content_block_108705" Xοnmοuseοver="cateShow(108705)" Xοnmοuseοut="cateHidden(108705)" class="cate_content_block_wrapper" style="top: 170px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/android/">Android开发(0)</a></li><li><a href="/cate/ios/">iOS开发(0)</a></li><li>
<a href="/cate/wp/">Windows Phone(0)</a></li><li><a href="/cate/wm/">Windows Mobile(0)</a></li><li>
<a href="/cate/mobile/">其他手机开发(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
<div id="cate_content_block_108709" Xοnmοuseοver="cateShow(108709)" Xοnmοuseοut="cateHidden(108709)" class="cate_content_block_wrapper" style="top: 198px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/agile/">敏捷开发(0)</a></li><li><a href="/cate/pm/">项目与团队管理(0)</a></li><li>
<a href="/cate/Engineering/">软件工程其他(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
<div id="cate_content_block_108712" Xοnmοuseοver="cateShow(108712)" Xοnmοuseοut="cateHidden(108712)" class="cate_content_block_wrapper" style="top: 226px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/sqlserver/">SQL Server(0)</a></li><li><a href="/cate/oracle/">Oracle(0)</a></li><li>
<a href="/cate/mysql/">MySQL(0)</a></li><li><a href="/cate/nosql/">NoSQL(0)</a></li><li>
<a href="/cate/database/">其他数据库(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
<div id="cate_content_block_108724" Xοnmοuseοver="cateShow(108724)" Xοnmοuseοut="cateHidden(108724)" class="cate_content_block_wrapper" style="top: 254px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/win7/">Windows 7(0)</a></li><li><a href="/cate/winserver/">Windows
Server(0)</a></li><li><a href="/cate/linux/">Linux(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
<div id="cate_content_block_4" Xοnmοuseοver="cateShow(4)" Xοnmοuseοut="cateHidden(4)" class="cate_content_block_wrapper" style="top: 282px; display: none;">
<div class="cate_content_top">
</div>
<div class="cate_content_block">
<ul>
<li><a href="/cate/life/">非技术区(0)</a></li><li><a href="/cate/testing/">软件测试(0)</a></li><li>
<a href="/cate/software/">代码与软件发布(0)</a></li><li><a href="/cate/cg/">计算机图形学(0)</a></li><li>
<a href="/cate/google/">Google开发(0)</a></li><li><a href="/cate/codelife/">程序人生(0)</a></li><li>
<a href="/cate/job/">求职面试(0)</a></li><li><a href="/cate/book/">读书区(0)</a></li><li><a href="/cate/quoted/">转载区(0)</a></li><li><a href="/cate/wince/">Windows CE(0)</a></li><li>
<a href="/cate/translate/">翻译区(0)</a></li><li><a href="/cate/opensource/">开源研究(0)</a></li><li>
<a href="/cate/flex/">Flex(0)</a></li><li><a href="/cate/cloud/">云计算(0)</a></li><li>
<a href="/cate/algorithm/">算法与数据结构(0)</a></li><li><a href="/cate/misc/">其他技术区(0)</a></li></ul>
</div>
<div class="cate_content_bottom">
</div>
</div>
</div>

var cateIdList = '108698,2,108701,108703,108704,108705,108709,108712,108724,4';

</div>