欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

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

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

 

来源:codyhouse.co 代码整理:懒人图库 感谢:wordpress Xcoder

*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。

 

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

 

使用方法:

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>

来自  http://d.lanrentuku.com/down/js/daohang-1148/#0
普通分类: