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>

搜索发现

下载榜观看榜