okayNav好用的响应式菜单

OkayNav响应式菜单根据浏览器宽度,自动隐藏多余的菜单。

OkayNav怎么使用


<header id="header">
    <a class="site-logo" href="#">
       Logo
    </a>

    <nav role="navigation" id="nav-main" class="okayNav">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Shop</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Contacts</a></li>
            <li><a href="#">About us</a></li>
            <li><a href="#">Testimonials</a></li>
        </ul>
    </nav>
</header><!-- /header -->

载入:


<link rel="stylesheet" href="css/okayNav.css" media="screen">
<script src="js/jquery.okayNav.min.js"></script>

var navigation = $('#nav-main').okayNav();

查看演示

http://codepen.io/VPenkov/full/wMZBOg/

okayNav GITHUB项目页

https://github.com/VPenkov/okayNav

1.本文由杨琼博客整理发布,部分文章来自网络,如有侵犯权益,请联络博主,资源失效和内容勘误欢迎留言.

2.转载请注明本文地址:http://www.iyangqiong.com/web/281.html

3.订阅更新:您可以通过 RSS订阅本站

【推荐!必备网址导航】http://longmiao.wang/

分享到:
顶部 评论 底部