欢迎来到懒人图库!
  • 首 页
  • 懒人论坛
  • 手机右上角圆角动画导航代码

    2014-11-04 来源/作者:懒人图库 分类:菜单导航 «»
    手机右上角圆角动画导航代码 手机右上角圆角动画导航代码

    手机右上角圆角动画导航代码,点击左上角图片可以查看导航菜单。兼容主流浏览器,懒人图库推荐下载!


    使用方法:

    1、head区域引用文件

    <link href='http://fonts.useo.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="css/reset.css">

    <link rel="stylesheet" href="css/style.css">

    2、 引入以下js

    <script src="js/modernizr.js"></script>

    <script src="js/jquery-2.1.1.js"></script>

    <script src="js/velocity.min.js"></script>

    <script src="js/main.js"></script>

    3、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码, 导航菜单内容请修改以下代码。

    <ul class="cd-primary-nav">

    <li><a href="#0">The team</a></li>

    <li><a href="#0">Our services</a></li>

    <li><a href="#0">Our projects</a></li>

    <li><a href="#0">Start a project</a></li>

    <li><a href="#0">Join In</a></li>

    <li><a href="#0">Create an account</a></li>

    </ul>


    效果预览 本地下载  新手使用求助QQ群:133049023
    标签:菜单导航