okayNav响应式菜单插件

来源:https://www.sucaihuo.com/js/810.html 2016-02-28 20:13浏览(1492) 收藏

okayNav 是一款基于 jQuery的 响应式菜单/导航插件,它能够自动计算浏览器窗口的宽度,当窗口宽度变小到无法容纳菜单时,它就会把“多余”的菜单变成“三个点”的图标,点击图标就能展开多余的菜单;当窗口变大时,多余的菜单又会重新显示。
okayNav响应式菜单插件
分类:导航菜单 > 手机菜单 难易:中级
查看演示 下载资源 下载积分: 20 积分

一级导航菜单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>
标签: 导航菜单nav
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2