图1

　　DHTML Menu Builder是一款专业的动态下拉选单制作软件，有了它，你无需编写大量的源代码就能够很容易地给你的网页加上动态效果选单，让你的网页充满动感。让我们一起来为CIW制作一个简短的动态选单吧。

　　1.运行DHTML Menu Builder之后通过“Menu→Add Group”命令创建一个选单组，同时给它命名为CIW。接着可以在右边的“Action Type”下拉列表中选择Display SubMenu，也就是让鼠标移动到这个选单上的时候自动弹出下面的子选单。然后在“Status Text”对话框中输入“中国计算机报”的字样，这样在动态显示下拉选单的时候还会有“中国计算机报”的字样显示，是不是很酷？当然，“Alignment”中定义了若干种子选单的显示方式，大家可以根据自己的喜好来选择一款(见图1)。

　　2.有了第一级选单之后，接着就要通过“Menu-＞Add Command”命令来添加一个子选单。还是和上面一样，给这个子选单定义一个名称，比如“CIW-电脑工作室”，接着点击右边的“Click”标签，在“Action Type”下拉列表中选取“Open URL/Execute Script”，以便实现鼠标点击之后切换到另外一个页面。然后还要在“URL/Script”对话框中输入电脑工作室的链接页面地址，也可以直接从本地硬盘中建立文件的链接(见图2)。如果感兴趣的话，还能像上面一样让鼠标放置在子选单上时弹出文字提示和定义子选单的显示方式。

　　3.按照第2部的方法分别添加其余的子选单，或者是再给“电脑工作室”创建下一级子选单，但是别忘记确定对应的关联页面文件。

　　全部的选单创建完毕之后，通过“Tools→Compile”命令进行编译，这时将得到javascript代码文件。进入资源管理器中找到选单所在的目录，并打开href.txt文件，其中的代码如下：

　　#CALL TO MENU:

　　CIW onmouseOut="tHideAll();" onMouseOver="ShowMenu('CIW',100,30,false);"

　　#LOADER CORE.PLACE IT RIGHT AFTER THE ＜BODY＞ TAG

　　＜script language="javascript" src='menu.js'＞＜/script＞

　　首先根据提示将＜script language=

　　"javascript" src='menu.js'＞＜/script＞这段代码贴入网页的＜body＞中，然后把前面一段添加到原先CIW所在的位置。比如原来的页面代码为：

　　＜a href"#"＞=CIW＜/a＞＜/font＞＜/div＞

　　而需要将第一段代码插入得到：

　　＜a href="#"onmouseOut="tHideAll();

　　"onMouseOver="ShowMenu('CIW',100,30,false);"＞=CIW＜/a＞＜/font＞＜/div＞

　　将页面保存之后预览一下看看，是不是有了动态选单出现？那就恭喜恭喜了。

图2

　　限于篇幅，DHTML Menu Builder中对于字体设置、背景色彩更改、添加背景音乐等功能无法一一向大家介绍，有兴趣的朋友不妨自己试试，相信它带给你的绝对不只是一个动态选单！

按此下载本文介绍的软件。