<!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>20个web2.0导航样式</title>
<meta name="keywords" content="wenqi's blog,wenqi's space,wenqi,zhouwenqi,navigation,css,20个导航,20个导航样式,导航样式,web2.0导航" />
<meta name="description" content="Wenqi space,Wenqi Blog" />
<meta name="classification" content="程序开发" />
<meta name="copyright" content="Copyright © 2005-2010 Wenqi's blog All Rights Reserved." />
<link href="navigation.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!------- 导航1 ------->
<div>
<img src="image/logo/logo1.jpg" alt="wenqi's blog" />
</div>
<div class="menu1">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Service</a>
<a href="#">About</a>
<a href="#">Help</a>
<del></del>
</div>
<div>
<img src="image/logo/logo2.jpg" alt="wenqi's blog" />
</div>
<!------- 导航2 ------->
<div class="menu2">
<div class="left2"></div>
<div class="center2">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Service</a>
<a href="#">About</a>
<a href="#">Help</a>
<del></del>
</div>
<div class="right2"></div>
<div class="clear"></div>
</div>
<!------- 导航3 ------->
<div>
<img src="image/logo/logo3.jpg" alt="wenqi's blog" />
</div>
<div class="menu3">
<div class="left3"></div>
<div class="center3">
<a href="#">Blog</a>
<a href="#">Books</a>
<a href="#">Portfolio</a>
<a href="#">Photos</a>
<a href="#">Service</a>
</div>
<div class="right3"></div>
<div class="clear"></div>
</div>
<!------- 导航4 ------->
<div><img src="image/logo/logo4.jpg" alt="WQ's space" /></div>
<div class="menu4">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Service</a>
<a href="#">About</a>
<a href="#">Help</a>
<del></del>
</div>
<!------- 导航4 ------->
<div><img src="image/logo/logo5.jpg" alt="wenqi's space" /></div>
<div class="menu5">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Service</a>
<a href="#">About</a>
<del></del>
</div>
<!------- 导航6 ------->
<div>
<img src="image/logo/logo6.jpg" alt="wenqi's blog" />
</div>
<div class="menu6">
<div class="left6"></div>
<div class="center6">
<a href="#">Blog</a><span></span>
<a href="#">Themes</a><span></span>
<a href="#">Service</a><span></span>
<a href="#">About</a><span></span>
<a href="#">Help</a>
</div>
<div class="right6"></div>
<div class="clear"></div>
</div>
<!------- 导航7 ------->
<div>
<img src="image/logo/logo7.jpg" alt="wenqi's blog" />
</div>
<div class="menu7">
<div class="left7"></div>
<div class="center7">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Service</a>
<a href="#">About</a>
<a href="#">Help</a>
</div>
<div class="right7"></div>
<div class="clear"></div>
</div>
<!------- 导航8 ------->
<div><img src="image/logo/logo8.jpg" alt="wenqi blog" /></div>
<div class="menu8">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Service</a>
<a href="#">About</a>
<del></del>
</div>
<!------- 导航9 ------->
<div><img src="image/logo/logo9.jpg" alt="wenqi blog" /></div>
<div class="menu9">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Uploads</a>
<a href="#">Service</a>
<a href="#">About</a>
<del></del>
</div>
<!------- 导航10 ------->
<div><img src="image/logo/logo10.jpg" alt="wenqi's blog" /></div>
<div class="menu10">
<div class="left10"></div>
<div class="center10">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Service</a>
<a href="#">About</a>
<a href="#">Help</a>
</div>
<div class="right10"></div>
<div class="clear"></div>
</div>
<!------- 导航11 ------->
<div class="top11"><a href="#">zhouwenqi.com</a><del></del></div>
<div class="menu11">
<div>
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Uploads</a>
<a href="#">Service</a>
<a href="#">About</a>
<del></del>
</div>
</div>
<div style="margin-bottom:30px;"><img src="image/logo/logo11.jpg" alt="wenqi blog" /></div>
<!------- 导航12 ------->
<div class="box12">
<div class="menu12">
<div class="left12"></div>
<div class="center12">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Service</a>
<a href="#">About</a>
<del></del>
</div>
<div class="right12"></div>
<div class="clear"></div>
</div>
<div><img src="image/logo/logo12.jpg" alt="wenqi blog" /></div>
</div>
<!------- 导航13 ------->
<div class="box13">
<div class="logo13"></div>
<div class="menu13">
<div>
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Service</a>
<a href="#">About</a>
<del></del>
</div>
</div>
<div class="top13"></div>
</div>
<!------- 导航14 ------->
<div class="box14">
<div class="top14">
<a href="#">Contact</a><span>|</span><a href="#">Downloads</a><span>|</span><a href="#">Register</a><span>|</span><a href="#">Login</a><del></del>
</div>
<div class="menu14">
<label></label><span></span>
<a href="#">Blog</a><span></span>
<a href="#">Gallery</a><span></span>
<a href="#">Themes</a><span></span>
<a href="#">Service</a><span></span>
<a href="#">About</a>
<del></del>
</div>
<div><img src="image/navigation/bg14_bg.jpg" alt="wenqi's blog" /></div>
</div>
<!------- 导航15 ------->
<div class="box15">
<div class="left15"></div>
<div class="menu15">
<a href="#">Blog</a><span></span>
<a href="#">Gallery</a><span></span>
<a href="#">Service</a><span></span>
<a href="#">About</a>
<del></del>
</div>
<div class="clear"></div>
<div><img src="image/navigation/bg15_bg.jpg" alt="wenqi's blog" /></div>
</div>
<!------- 导航16 ------->
<div class="menu16">
<a href="#">Blog</a>
<a href="#">Themes</a>
<a href="#">Uploads</a>
<a href="#">Service</a>
<a href="#">About</a>
<del></del>
</div>
<div><img src="image/navigation/bg16_bg.jpg" alt="wenqi blog" /></div>
<!------- 导航17 ------->
<div class="top17">
<a href="#">Contact</a><span>|</span><a href="#">Register</a><span>|</span><a href="#">Login</a><del></del>
</div>
<div class="menu17">
<a href="#">Blog</a>
<a href="#">Gallery</a>
<a href="#">Service</a>
<a href="#">Works</a>
<a href="#">About</a>
<del></del>
</div>
<!------- 导航18 ------->
<div class="box18">
<div class="top18"></div>
<div class="menu18">
<a href="#" class="a1">Blog</a>
<a href="#" class="a2">Gallery</a>
<a href="#" class="a3">Service</a>
<a href="#" class="a4">About</a>
<del></del>
</div>
</div>
<!------- 导航19 ------->
<div class="top19">
<a href="#">Contact</a><span>|</span><a href="#">Register</a><span>|</span><a href="#">Login</a>
</div>
<div class="menu19">
<a href="#">Blog</a>
<a href="#">Gallery</a>
<a href="#">Service</a>
<a href="#">Works</a>
<a href="#">About</a>
<del></del>
</div>
<div class="bottom19"></div>
<!------- 导航20 ------->
<div><img src="image/logo/logo20.jpg" alt="wenqi's blog" /></div>
<div class="menu20">
20种css+div制作的菜单源代码
需积分: 9 8 浏览量
2009-10-21
18:07:48
上传
评论
收藏 823KB RAR 举报
20css+div.rar （67个子文件） 
navigation.htm 8KB navigation.css 14KB
image logo 
logo6.jpg 9KB logo11.jpg 33KB logo17.jpg 11KB logo19.jpg 15KB logo14.jpg 5KB logo4.jpg 7KB logo3.jpg 3KB logo13.jpg 12KB logo7.jpg 6KB logo8.jpg 12KB logo12.jpg 76KB logo2.jpg 4KB logo15.jpg 5KB logo9.jpg 28KB logo10.jpg 26KB logo20.jpg 87KB logo1.jpg 6KB logo5.jpg 19KB navigation bg1.jpg 304B bg10_btn.jpg 532B bg18_btn1.jpg 8KB bg2_btn.jpg 2KB bg4_btn.jpg 3KB bg18_btn2.jpg 8KB bg19_bg.jpg 360B bg7_btn.jpg 2KB bg6_l_c_r.jpg 572B bg8_btn.jpg 4KB bg16_btn.jpg 2KB bg17_btn.jpg 5KB bg5_btn.jpg 3KB bg14_x.jpg 392B bg14_bg.jpg 59KB bg12_left_right.jpg 972B bg20_bg.jpg 71KB bg20_btn4.jpg 11KB bg3_btn.jpg 407B bg18_mbg.jpg 3KB bg7_l_c_r.jpg 1KB bg9_bg.jpg 5KB bg12_btn.jpg 449B bg16_bg.jpg 52KB bg13_btn.jpg 4KB bg18_btn3.jpg 7KB bg19_btn.jpg 494B bg6_btn.jpg 467B bg11_btn.jpg 467B bg13_bg.jpg 28KB bg2_left.jpg 395B bg20_btn1.jpg 8KB bg3_left_right.jpg 733B bg14_btn.jpg 654B bg18_bg.jpg 129KB bg20_mbg.jpg 15KB bg2_center.jpg 349B bg11_bg.jpg 352B bg9_btn.jpg 380B bg8_bg.jpg 330B bg10_l_c_r.jpg 924B bg15_bg.jpg 33KB bg20_btn3.jpg 8KB bg2_right.jpg 408B bg15_btn.jpg 3KB bg20_btn2.jpg 10KB bg18_btn4.jpg 6KB
评论0
最新资源