okayNav jQuery 插件怎么使用

首先到 https://github.com/VPenkov/okayNav 这个网站里面把代码下载下来

下载之后解压出来，解压后打开文件app

然后创建一个HTML文档

然后倒入css的样式

样式：

代码：

然后倒入js文件

代码：

然后在文本前面加入这些代码：

<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 -->

在文本后面加入：

<script type="text/javascript">
        var navigation = $('#nav-main').okayNav();
    </script>

然后保存就可以运行了