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">

大站就是有大站的风范,很多效果还都是他们先开始制作使用,小伙伴们可以经常去逛逛,很容易发现些好东西

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...