如何使用Horizontal()函数创建水平导航菜单
Horizontal()函数是一种用来创建水平导航菜单的方法，它可以在网页中显示一系列的链接，以供用户点击。下面将详细介绍如何使用Horizontal()函数，并给出一个使用例子。
1.首先，需要在HTML文档的<head>标签中引入Horizontal()函数所在的JavaScript文件，例如：
<script src="horizontal.js"></script>
2.接下来，在HTML文档的<body>标签中创建一个<div>标签，用于放置水平导航菜单的父容器，例如：
<div id="menu"></div>
3.然后，在JavaScript文件中使用JavaScript代码创建水平导航菜单的功能。下面是一个简单的例子：
function Horizontal() {
// 创建一个数组，用于存放菜单项的文本和链接
var menuItems = [
{text: '首页', link: 'index.html'},
{text: '产品', link: 'products.html'},
{text: '新闻', link: 'news.html'},
{text: '关于我们', link: 'about.html'}
];
// 创建一个<ul>标签，用于存放菜单项
var ul = document.createElement('ul');
// 遍历菜单项数组，依次创建<li>标签并将其添加到<ul>标签中
for (var i = 0; i < menuItems.length; i++) {
var li = document.createElement('li');
var a = document.createElement('a');
a.href = menuItems[i].link;
a.innerHTML = menuItems[i].text;
li.appendChild(a);
ul.appendChild(li);
}
// 将<ul>标签添加到父容器中
var menu = document.getElementById('menu');
menu.appendChild(ul);
}
4.最后，在HTML文档的<body>标签的最后一行调用Horizontal()函数即可：
<script>
Horizontal();
</script>
这样，水平导航菜单就已经创建好了。可以在浏览器中打开HTML文档，查看结果。
使用例子：
假设有一个电子商务网站，需要在网页的顶部创建一个水平导航菜单，包含首页、产品、新闻和关于我们四个链接。可以按照以下步骤进行操作：
1.创建一个名为horizontal.js的JavaScript文件，并在其中添加上述代码。
2.在HTML文档的<head>标签中引入horizontal.js文件：
<script src="horizontal.js"></script>
3.在HTML文档的<body>标签中创建一个<div>标签，用于放置水平导航菜单的父容器：
<div id="menu"></div>
4.在HTML文档的<body>标签的最后一行调用Horizontal()函数：
<script>
Horizontal();
</script>
保存并运行HTML文档，即可看到一个包含首页、产品、新闻和关于我们四个链接的水平导航菜单。