jQuery实现博客园首页导航
来源：互联网 发布：高维数据统计分析 编辑：程序博客网 时间：2024/05/21 14:52
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="cs/aggsite[1].css" rel="stylesheet" type="text/css" />
<link href="cs/reset[1].css" rel="stylesheet" type="text/css" />
<script src="js/jquery[1].js" type="text/javascript"></script>
<script src="js/site.src[1].js" type="text/javascript"></script>
</head>
<body>
<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" onmouseover="cateShow(108698)" onmouseout="cateHidden(108698)">
<a href="/cate/108698/">.NET技术(0)</a> </li>
<li id="cate_item_2" onmouseover="cateShow(2)" onmouseout="cateHidden(2)"><a href="/cate/2/">
编程语言(0)</a> </li>
<li id="cate_item_108701" onmouseover="cateShow(108701)" onmouseout="cateHidden(108701)">
<a href="/cate/108701/">软件设计(1)</a> </li>
<li id="cate_item_108703" onmouseover="cateShow(108703)" onmouseout="cateHidden(108703)">
<a href="/cate/108703/">Web前端(0)</a> </li>
<li id="cate_item_108704" onmouseover="cateShow(108704)" onmouseout="cateHidden(108704)">
<a href="/cate/108704/">企业信息化(0)</a> </li>
<li id="cate_item_108705" onmouseover="cateShow(108705)" onmouseout="cateHidden(108705)">
<a href="/cate/108705/">手机开发(0)</a> </li>
<li id="cate_item_108709" onmouseover="cateShow(108709)" onmouseout="cateHidden(108709)">
<a href="/cate/108709/">软件工程(0)</a> </li>
<li id="cate_item_108712" onmouseover="cateShow(108712)" onmouseout="cateHidden(108712)">
<a href="/cate/108712/">数据库技术(0)</a> </li>
<li id="cate_item_108724" onmouseover="cateShow(108724)" onmouseout="cateHidden(108724)">
<a href="/cate/108724/">操作系统(0)</a> </li>
<li id="cate_item_4" onmouseover="cateShow(4)" onmouseout="cateHidden(4)"><a href="/cate/4/">
其他分类(0)</a> </li>
<li id="cate_item_0" onmouseover="cateShow(0)" onmouseout="cateHidden(0)"><a href="/cate/all/">
所有随笔(74)</a> </li>
<li id="cate_item_-1" onmouseover="cateShow(-1)" onmouseout="cateHidden(-1)"><a href="/comment/">
所有评论(23)</a> </li>
</ul>
<div class="cate_bottom">
</div>
<div id="cate_sub_block">
<div id="cate_content_block_108698" onmouseover="cateShow(108698)" onmouseout="cateHidden(108698)"
class="cate_content_block_wrapper" style="top: 30px">
<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" onmouseover="cateShow(2)" onmouseout="cateHidden(2)"
class="cate_content_block_wrapper" style="top: 58px">
<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" onmouseover="cateShow(108701)" onmouseout="cateHidden(108701)"
class="cate_content_block_wrapper" style="top: 86px">
<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" onmouseover="cateShow(108703)" onmouseout="cateHidden(108703)"
class="cate_content_block_wrapper" style="top: 114px">
<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" onmouseover="cateShow(108704)" onmouseout="cateHidden(108704)"
class="cate_content_block_wrapper" style="top: 142px">
<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" onmouseover="cateShow(108705)" onmouseout="cateHidden(108705)"
class="cate_content_block_wrapper" style="top: 170px">
<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" onmouseover="cateShow(108709)" onmouseout="cateHidden(108709)"
class="cate_content_block_wrapper" style="top: 198px">
<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" onmouseover="cateShow(108712)" onmouseout="cateHidden(108712)"
class="cate_content_block_wrapper" style="top: 226px">
<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" onmouseover="cateShow(108724)" onmouseout="cateHidden(108724)"
class="cate_content_block_wrapper" style="top: 254px">
<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" onmouseover="cateShow(4)" onmouseout="cateHidden(4)"
class="cate_content_block_wrapper" style="top: 282px">
<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>
<script type="text/javascript">
var cateIdList = '108698,2,108701,108703,108704,108705,108709,108712,108724,4';
</script>
</div>
</div>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="cs/aggsite[1].css" rel="stylesheet" type="text/css" />
<link href="cs/reset[1].css" rel="stylesheet" type="text/css" />
<script src="js/jquery[1].js" type="text/javascript"></script>
<script src="js/site.src[1].js" type="text/javascript"></script>
</head>
<body>
<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" onmouseover="cateShow(108698)" onmouseout="cateHidden(108698)">
<a href="/cate/108698/">.NET技术(0)</a> </li>
<li id="cate_item_2" onmouseover="cateShow(2)" onmouseout="cateHidden(2)"><a href="/cate/2/">
编程语言(0)</a> </li>
<li id="cate_item_108701" onmouseover="cateShow(108701)" onmouseout="cateHidden(108701)">
<a href="/cate/108701/">软件设计(1)</a> </li>
<li id="cate_item_108703" onmouseover="cateShow(108703)" onmouseout="cateHidden(108703)">
<a href="/cate/108703/">Web前端(0)</a> </li>
<li id="cate_item_108704" onmouseover="cateShow(108704)" onmouseout="cateHidden(108704)">
<a href="/cate/108704/">企业信息化(0)</a> </li>
<li id="cate_item_108705" onmouseover="cateShow(108705)" onmouseout="cateHidden(108705)">
<a href="/cate/108705/">手机开发(0)</a> </li>
<li id="cate_item_108709" onmouseover="cateShow(108709)" onmouseout="cateHidden(108709)">
<a href="/cate/108709/">软件工程(0)</a> </li>
<li id="cate_item_108712" onmouseover="cateShow(108712)" onmouseout="cateHidden(108712)">
<a href="/cate/108712/">数据库技术(0)</a> </li>
<li id="cate_item_108724" onmouseover="cateShow(108724)" onmouseout="cateHidden(108724)">
<a href="/cate/108724/">操作系统(0)</a> </li>
<li id="cate_item_4" onmouseover="cateShow(4)" onmouseout="cateHidden(4)"><a href="/cate/4/">
其他分类(0)</a> </li>
<li id="cate_item_0" onmouseover="cateShow(0)" onmouseout="cateHidden(0)"><a href="/cate/all/">
所有随笔(74)</a> </li>
<li id="cate_item_-1" onmouseover="cateShow(-1)" onmouseout="cateHidden(-1)"><a href="/comment/">
所有评论(23)</a> </li>
</ul>
<div class="cate_bottom">
</div>
<div id="cate_sub_block">
<div id="cate_content_block_108698" onmouseover="cateShow(108698)" onmouseout="cateHidden(108698)"
class="cate_content_block_wrapper" style="top: 30px">
<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" onmouseover="cateShow(2)" onmouseout="cateHidden(2)"
class="cate_content_block_wrapper" style="top: 58px">
<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" onmouseover="cateShow(108701)" onmouseout="cateHidden(108701)"
class="cate_content_block_wrapper" style="top: 86px">
<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" onmouseover="cateShow(108703)" onmouseout="cateHidden(108703)"
class="cate_content_block_wrapper" style="top: 114px">
<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" onmouseover="cateShow(108704)" onmouseout="cateHidden(108704)"
class="cate_content_block_wrapper" style="top: 142px">
<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" onmouseover="cateShow(108705)" onmouseout="cateHidden(108705)"
class="cate_content_block_wrapper" style="top: 170px">
<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" onmouseover="cateShow(108709)" onmouseout="cateHidden(108709)"
class="cate_content_block_wrapper" style="top: 198px">
<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" onmouseover="cateShow(108712)" onmouseout="cateHidden(108712)"
class="cate_content_block_wrapper" style="top: 226px">
<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" onmouseover="cateShow(108724)" onmouseout="cateHidden(108724)"
class="cate_content_block_wrapper" style="top: 254px">
<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" onmouseover="cateShow(4)" onmouseout="cateHidden(4)"
class="cate_content_block_wrapper" style="top: 282px">
<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>
<script type="text/javascript">
var cateIdList = '108698,2,108701,108703,108704,108705,108709,108712,108724,4';
</script>
</div>
</div>
</body>
</html>
实现效果如下：
- jQuery实现博客园首页导航
- jQuery仿博客园首页左导航效果
- 实现博客园首页导航菜单效果 前台代码
- JQuery 加载博客园首页的RSS
- 博客园左侧导航jQuery+Css
- 分页实现，类似博客园首页的分页
- Android ViewPager+TabHost实现首页导航
- vue导航和首页轮播图实现
- jQuery实现标题导航
- jquery实现导航菜单
- jQuery实现导航栏
- 博客园导航栏
- jQuery 实现下拉导航 二级导航
- jQuery实现首页图片淡入淡出效果
- jQuery实现商城首页幻灯片的效果
- Jquery简单实现图书导航
- 使用JQuery实现导航条
- jQuery实现导航条功能
- Spring的JDBCTemplate
- servlet中push二进制文件到客户端浏览器的代码
- wmsys.wm_concat的几个用法 .
- Android应用底部导航栏(选项卡)实例
- hdu 3191 次短路+优先队列 如果让我说：我只能说，实力决定一切
- jQuery实现博客园首页导航
- iOS开发——图片转PDF的实现方法
- 设计模式01[单例模式]
- C语言包编程易犯毛病集合
- 软件测试中如何进行系统测试？
- Cannot run in Excel by Driver Connection
- android 新浪微博客户端的表情功能的实现
- 集合合并
- C#事件(event)解析
