<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="JS代码,CSS3菜单,mini菜单,导航菜单" />
<meta name="description" content="CSS3实现的迷你图标导航菜单效果，更多CSS3菜单,mini菜单,导航菜单请访问脚本之家JS代码频道。" />
<title>CSS3实现的迷你图标导航菜单效果_脚本之家</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<h1>CSS3 Minimalistic Navigation Menu</h1>
<h2><a href="http://www.jb51.net">Read the tutorial on Tutorialzine »</a></h2>
<div id="main">
<ul id="navigationMenu">
<li>
<a class="home" href="#">
<span>Home</span>
</a>
</li>
<li>
<a class="about" href="#">
<span>About</span>
</a>
</li>
<li>
<a class="services" href="#">
<span>Services</span>
</a>
</li>
<li>
<a class="portfolio" href="#">
<span>Portfolio</span>
</a>
</li>
<li>
<a class="contact" href="#">
<span>Contact us</span>
</a>
</li>
</ul>
</div>
<div style="text-align:center;clear:both">
<p>来源：<a href="http://www.jb51.net" target="_blank">tutorialzine.com</a> 代码整理：<a href="http://www.jb51.net" target="_blank">脚本之家</a> 感谢：<a href="http://www.jb51.net" target="_blank">feiyong</a></p>
<p>转载请注明出处，此代码仅供学习交流，请勿用于商业用途。</p>
</div>
</body>
</html>
纯CSS3实现的迷你图标导航菜单效果(无js).zip （3个子文件） 
132686929453073404 img 
navigation.jpg 11KB
index.html 2KB
styles.css 3KB资源评论
易小侠
- 粉丝: 6597
- 资源: 9万+
