手机右上角圆角动画导航代码

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


使用方法:

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>


Menu