
今天我给大家推荐一款由css3打造的动画菜单,喜欢的童鞋可以看一下,使用很方便。
使用步骤
1、引入以下的js和css文件
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
2、在body标签中加入以下格式的html代码
<ul class="fancyNav">
<li id="home">
<a href="#home" class="homeIcon">Home</a>
</li>
<li id="news">
<a href="#news">News</a>
</li>
<li id="about">
<a href="#about">About us</a>
</li>
<li id="services">
<a href="#services">Services</a>
</li>
<li id="contact">
<a href="#contact">Contact us</a>
</li>
</ul>