CSS3打造的动画菜单-CSS3 ANIMATED MENU


3803 | 2222  | 548 | 添加收藏 上一个 下一个
资源描述 : 今天我给大家推荐一款由css3打造的动画菜单,喜欢的童鞋可以看一下,使用很方便。
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>


指尖代码 资源每日更新 www.zjdaima.com