对于Dock这个名字，大家应该不会陌生。最著名的就是苹果电脑中的Dock，当鼠标经过时候它就出现并显示效果，平常时候就隐藏不见，其实就跟Windows的隐藏工具栏一样。
现在我们也可以把类似效果的导航栏添加到WordPress中使用（这里DEMO，请把鼠标移到屏幕顶部中央），具体的修改方法如下：
1. 首先下载这个文件，并把它上传到WordPress的JS目录。
2. 修改header.php文件，在</head>标签之前添加下面一句：
<script src="hide_menu.js" type="text/javascript"></script>
3. 下载这个CSS样式文件，并把语句复制到你的style.css文件中。
4. 在模板文件中查找<body>标签，一般在header.php或者index.php文件中，并紧跟其下面增加如下语句：
<div id="hit_area" onmouseover="toggleDown();"></div>
<div id="menu_holder">
<div id="nav">
<ul>
<li><a href="http://jstween.blogspot.com">jstween</a></li>
<li><a href="http://ww.2210media.com">2210media</a></li>
<li><a href="http://www.digg.com">Digg</a></li>
<li><a href="http://www.cssmania.com">CSS Mania</a></li>
<li><a href="http://www.kirupa.com">Kirupa</a></li>
</ul>
</div>
</div>
<div id="hit_area2" onmouseover="toggleUp();">
<!– contenu de la page ici –>
</div>
就这么简单，OK，enjoy yourself！
