首页 | 3843 | 548 | 2222 | 添加收藏 上一个 下一个
CSS3打造的动画菜单-CSS3 ANIMATED MENU

今天我给大家推荐一款由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>