JavaScript导航工具栏

分享于 

1分钟阅读

Web开发

  繁體

介绍

这是我第一次为 Internet-Explore-based web应用程序创建工具栏控件。 这个工具栏充当访问者的菜单,用户友好的方式导航到正确的页面。

Sample image

这些功能如下:

  • 两个级别的导航工具栏。
  • 自定义标题,图像和 onclick 脚本。
  • 样式表用于定义演示文稿。
  • 在同一页上支持多个控件。

用法

要使用控件,只需在HTML文件中包含 webToolbar.js 和 webToolbar.css。 然后,inside 元素( 正文 标签 div 标记,等等 ),放置 脚本 通过 array 标记并构建控件。 比如:

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

关于如何做到这一点的演示是 inside 所包含的zip文件。

有关 实施 的 事项

  • 一个 ToolbarControlHandler 用于维护多个控件。
  • 标记id用 ControlID 编码( 请参见 makeTabIDmakeToolsID )

相关文章