JavaScript 导航工具栏

• 下载源代码 - 11.5 Kb

引言

这是我第一次为基于 Internet Explorer 的 Web 应用程序制作工具栏控件。这个工具栏充当菜单，方便用户以友好的方式导航到正确的页面。

其特点如下：

• 两级导航工具栏。
• 可自定义标题、图像和 onclick 脚本。
• 使用样式表定义外观。
• 支持在同一页面上使用多个控件。

用法

要使用该控件，只需在 HTML 文件中包含 webToolbar.js 和 webToolbar.css。然后在元素（例如 body 标签、div 标签等）内，放置一个 script 标签，并通过数组构建控件。例如：

document.all["placeHolder"].innerHTML = 
   new ToolbarControl(myTools, 400, 100, 80, 300);

包含的 zip 文件中有一个演示如何执行此操作的示例。

实现问题

• 使用 ToolbarControlHandler 来维护多个控件。
• 标签 ID 使用 ControlID 编码（请参阅 makeTabID 和 makeToolsID）。