|
DHTML Menu Builder
文 / Stephen
lai
当你用DHTML Menu Builder将层叠式菜单各项设置好后，按下按钮 就可将文件输出了。 是预览按钮，在进行预览前，最好先选择好浏览器，只需按下按钮旁的小三角形就行了。 是热点编辑菜单，当按下后就会进入热点编辑器。看到这里，大家也许对这个软件的各项功能有了大致的认识，接着我就会以一个实例来跟大家介绍如何使用这个软件。
首先，点击按钮 对project的各项属性进行设置，具体的各项参数前面已经介绍过了。
第二步，点击按钮 创建一个新的group，并将它命名为goeway_web，设置Triggered
By 属性为Hovering.按下按钮 ，对组的颜色进行设置，我们将背景色设为蓝色，边框尺寸为1，亮角的颜色设为白色，暗角设为黑色，然后按下ok确认。接着是按下字体按钮 ，我们将normal选项中的字体设为Tahoma,
粗体, 9pt，Mouse Over 选项中的字体定为相同的设置，按下确认键。好了，我们已经基本上将group中的各项属性设置好了，接下来就是生成菜单选项了。
按下Menu->Add Command 或是按钮 ，并将名字命名为图像制作，在Caption中填入“什么是图像制作”，接着在Action
中选择链结的文件，设置Trigger event 为Clicking 。跟着的设置与前面相似，按下按钮，进入颜色设置，在普通字体选项中，设置文字颜色为白色，背景颜色为默认值；Mouse
Over 选项中，设置文字颜色为黑色，背景颜色为白色；按下ok确认。完成这项后，按下字体按钮，我们将普通和Mouse
Over中的各项设置都定为默认。最后，让我们来加入一个分隔线，按下按钮 。如果想加入更多的菜单选项，按照这个方法做下去就可以了。
按下，看看效果如何，如果感到满意了，按下将编译好的文件输出到指定的目录，一般来说跟你的网页文件放在同一个目录下。
最后一步就是将效果加入到网页中。打开hRef.txt 文件，是不是见到一句<script
language="JavaScript" src='menu.js'></script>
，将它copy下来，然后打开你的html文件，将这句话加入到<Body>标签后的任一个位置。见下方所示，我们看看它的html文件，<font
color="#FFFFFF">goeway.com</font>，我们把这段代码改成<a
href="#"><font color="#FFFFFF">goeway.com</font></a>，然后我们在看看之前打开的hRef.txt
文件，将里面的一句OnMouseOut="tHideAll();"
OnMouseOver="ShowMenu('goeway_web', 111, 30, false);"copy下来，然后在刚才修改的那段代码中<a
href="#">的"#"的后面加入这段话。
点击上方观看效果
大功告成，让我们来看看预览的效果如何，怎么层叠式菜单并不是在我希望的地方出现呢，不要急，其实还差一步才完成的。打开DHTML
Menu Builder，点击热点编辑器按钮，进入编辑界面，如下图所示，对菜单位置以及出现的位置进行设置后，按下save保存。在来看看效果，是不是很完美了，现在就真的是完成了所有的工作了。
|
回到首页
