okayNav jQuery 插件怎么使用

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

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

然后创建一个HTML文档

然后倒入css的样式

样式：

代码：

然后倒入js文件

代码：

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

 1 <header id="header">

 2     <a class="site-logo" href="#">

 3        Logo

 4     </a>

 5

 6     <nav role="navigation" id="nav-main" class="okayNav">

 7         <ul>

 8             <li><a href="#">Home</a></li>

 9             <li><a href="#">Shop</a></li>

10             <li><a href="#">Blog</a></li>

11             <li><a href="#">Services</a></li>

12             <li><a href="#">Contacts</a></li>

13             <li><a href="#">About us</a></li>

14             <li><a href="#">Testimonials</a></li>

15         </ul>

16     </nav>

17 </header><!-- /header -->

在文本后面加入：

1 <script type="text/javascript">

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

3     </script>

然后保存就可以运行了

巴特西

okayNav jQuery 插件怎么使用

最新文章

热门文章