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

所属分类:导航-水平导航

 41212  317  查看评论 (2)
分享到微信朋友圈
X
CSS3打造的动画菜单-CSS3 ANIMATED MENU ie兼容10

今天我给大家推荐一款由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>	
相关插件-水平导航

jQuery自适应导航菜单

jQuery自适应黑色三级下拉导航菜单代码
  水平导航
 62785  450

会唱歌的音乐导航

基于jQuery模拟模拟音乐导航
  水平导航
 36503  339

导航布局菜单

开发web端比用布局,不用导航,赶紧戳一下
  水平导航
 52969  599

置顶导航菜单

置顶导航菜单,随滚动条浮动定位菜单,固定菜单到顶部
  水平导航
 50929  439

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    大圣 0
    2014/7/31 22:02:00

    感谢网友提出的错误问题以修改。

        o°╱仰望★未来0
        2016/2/23 13:02:58
        大圣,我偶然看到你分享的东西。深感佩服。希望可以拜您为师,叫我走上整正的编程之路!看到请加我qq:1119592484
        汉斯0
        2016/3/7 14:03:32
        拜师是需要仪式的!哈哈。。。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复