HorizontalNav 使用与技术文档

一、安装指南

1.1 下载 HorizontalNav

首先，您需要从 GitHub 上下载 HorizontalNav 插件。您可以访问以下链接下载最新版本：

https://github.com/sebnitu/HorizontalNav

1.2 引入 jQuery 库

为了使用 HorizontalNav，您需要在 HTML 文档中引入 jQuery 库。您可以选择从 jQuery 官方网站下载，或者使用 Google 托管的 jQuery 脚本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

1.3 引入 HorizontalNav 脚本

将下载的 jquery.horizontalNav.js 文件引入到您的 HTML 文档中：

<script src="jquery.horizontalNav.js"></script>

二、项目使用说明

2.1 初始化插件

在文档加载完毕后，使用 jQuery 选中导航容器，然后调用 .horizontalNav() 方法：

$(document).ready(function() {
  $('.nav-wrapper').horizontalNav();
});

2.2 覆盖默认设置

您可以通过传递参数来覆盖默认设置，例如：

$(document).ready(function() {
  $('ul').horizontalNav({
    responsive : false
  });
});

三、项目API使用文档

目前，HorizontalNav 插件支持以下配置选项：

• responsive：是否启用响应式布局，默认为 true。

四、项目安装方式

除了从 GitHub 下载外，您还可以通过 npm 或者 yarn 来安装 HorizontalNav：

npm install horizontalnav
# 或者
yarn add horizontalnav

然后，在您的 JavaScript 文件中引入 HorizontalNav：

const horizontalNav = require('horizontalnav');

以上就是 HorizontalNav 的安装、使用和 API 文档。祝您使用愉快！