jQuery+css实现百度百科的页面导航效果

这周不小心看到了百度百科的页面导航效果，感觉挺不错的，周末抽空写了下。

下图为导航部分的效果图：

css和图片都是抄百度的，可从百度百科下载。

具体的代码如下：

代码如下:

<Meta charset="utf-8"> * { margin: 0; padding: 0 }

.wrap { width: 1000px; overflow: hidden; margin: 0 auto; }

.content { width: 780px; float: left; }

.slide { width: 200px; float: right; }

ara"> content2,content2

ara"> content2-2,content2-2

ara4"> content,content

ara"> content6,content6

ara"> content8,content8

ara"> content10,content10

ara"> content12,content12

ara"> content14,content14

bottom

etoolbar-item-0-2" class="sideCatalog-item1">

etoolbar-item-0-2-2" class="sideCatalog-item2">

etoolbar-item-0-4" class="sideCatalog-item1">

etoolbar-item-0-6" class="sideCatalog-item1">

etoolbar-item-0-8" class="sideCatalog-item1">

etoolbar-item-0-10" class="sideCatalog-item1">

etoolbar-item-0-12" class="sideCatalog-item1">

etoolbar-item-0-14" class="sideCatalog-item1">