如前所述,本例实际画出菜单的代码在menu.asp中,下面具体说明菜单中各种按钮的创建方法。我们已经知道,按钮总共有四种类型,本例用到了所有这四种按钮。前图中最上面的一个按钮“命令1”属于第一种按钮类型,用下面这行代码创建:
call drawMenu(按钮文本,目标URL)
实际使用时改变调用参数即可。
第二个按钮文本“命令1-1”是缩进的(第二类按钮),和最后一个按钮“命令2-2”一样,用下面这行代码创建:
call drawSubMenu(按钮文本,目标URL)
示例菜单中的按钮分隔用的是Linenavdns.gif,这个图形可以用如下代码加入任何两个按钮之间:
call drawMenuSeperator()
第三个按钮前面有一个橙色圆点(即选择符号,这是第三类按钮)。这个按钮用如下代码加入:
call drawChsnMenu (按钮文本,目标URL)
第四个按钮文本缩进且带圆点(第四类按钮),加入该按钮的代码如下:
call drawChsnSubMenu (按钮文本,目标URL)
下面说明一下如何定制菜单的颜色。颜色定制有点麻烦,这里只说明其经过,具体请读者自己下载代码试验。如果要改变菜单的背景色,首先要改变menu.asp中表格的背景色,其次是要修改menu.css中的所有的背景颜色和边框颜色。如果改变了按钮的文本颜色,必须同时改变functions.inc中各函数所输出的< FONT>标记的“color=”部分。
最后还要说明一下:对于不支持CSS或JavaScript的用户,这个菜单也是可用的。如果不支持JavaScript,则按钮不会出现浮起、凹陷效果;如果不支持CSS,菜单外观会有所改变,但菜单基本功能还是正常的。
查看本文来源