简洁CSS导航菜单(蓝色)_菜单导航特效

织梦DedeCMS视频教程买空间租服务器选网硕互联！ 无忧站长工具,百度权重一键全查!

一款非常简洁的CSS导航菜单，蓝色风格，来自老外网站，鼠标放到每一个菜单项都会能一个提示信息，用户体验很好。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<style>
ul#blue { margin:0; padding:0; list-style-type:none; }
ul#blue li { position:relative; float:left; border-top:4px solid #efefef; margin-right: 15px; padding-right: 20px; padding-top: 5px;}
ul#blue .current { border-top:4px solid #3d496a;}
ul#blue li:hover { border-top:4px solid #3d496a;}
ul#blue li a { padding:2px 2px; text-decoration:none; font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; color:#68759c;}
ul#blue li a:hover { color:#8895b8; border:none; }
ul#blue li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 12px Verdana, Georgia, "Times New Roman", Times, serif; line-height: 15px; }
ul#blue li a:hover span {margin-top: 7px; display:block; color: #8895b8;}
</style>
<title>CSS Menu Blue - mb5u.com</title>
</head>
<body>
	<ul id="blue">
		<li class="current"><a href="/" title="">mb5u.comThis is mb5u.com Home Pages!</a></li>
		<li><a href="/search.php?keyword=Ajax" title="">About Usmb5u.com是一个提供高质量源码、源代码下载的学习型网站。</a></li>
		<li><a href="#" title="">PortfolioOur portfolio showcases all the work that we've done for the past few weeks.</a></li>
		<li><a href="/search.php?keyword=Ajax" title="">Ajax这里是AJAX技术源码专区版，有你想要的资源……</a></li>
		<li><a href="/service/ad.shtml" title="">Contact Us查看如何联系mb5u.com以及网站合作、运营。</a></li>
	</ul>
</body>
</html>

所属频道：菜单导航特效/更新时间：2010-05-22

[收藏][报错][返回列表]

评论加载中....

简洁CSS导航菜单(蓝色)_菜单导航特效

菜单导航特效Rss订阅特效代码搜索

菜单导航特效推荐

猜你也喜欢看这些

收藏&分享