当前位置:主页 > jquery插件 > 导航菜单 >

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

栏目分类:导航菜单   模板编号:JQ00018    发布日期:2017-03-21   来源:网络   浏览次数:次     在线预览
今天我给大家推荐一款由css3打造的动画菜单,喜欢的童鞋可以看一下,使用很方便。

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>


在线演示 立即下载
打赏本站
云盘密码:wu2m

标签: CSS3 动画菜单

Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载