okayNav响应式菜单插件

收藏

okayNav 是一款基于 jQuery的 响应式菜单/导航插件，它能够自动计算浏览器窗口的宽度，当窗口宽度变小到无法容纳菜单时，它就会把“多余”的菜单变成“三个点”的图标，点击图标就能展开多余的菜单；当窗口变大时，多余的菜单又会重新显示。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

一级导航菜单html代码

<nav role="navigation" id="nav-main" class="okayNav">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">代码</a></li>
        <li><a href="#">素材</a></li>
        <li><a href="#">模板</a></li>
        <li><a href="#">教程</a></li>
        <li><a href="#">关于</a></li>
        <li><a href="#">联系</a></li>
    </ul>
</nav>

<script src="js/jquery.okayNav.min.js"></script>
<script>
    $(function() {
        var navigation = $('#nav-main').okayNav();
    });
</script>