利用Dreamweaver的插件制作动态下拉菜单（下）

    新建一个HTML文档，单击SliderMenu按钮，系统弹出对话窗口，在设置窗口中可以针对这个动态下拉菜单进行设置。各参数的含义如下：



HOW MANY MAIN MENUs DO YOU NEED：设置你需要的主菜单数目。

TOP VALUE OF THE FIRST MENU：第一个主菜单离浏览器上方的距离。

LEFT VALUE OF THE MAIN MENUs：主菜单离浏览器左方地距离。 

POSITION OF SUBMENUs：下拉出来的二级菜单是否在主菜单的正下方，如果不是，偏离多少。此项为0表示二级菜单在主菜单正下方，正数是二级菜单向右偏，负数是二级菜单向左偏。

MENU SPEED：菜单下拉时运动的速度，数值越大运动越快。

COLSE ON SECOND CLICK：点击已经展开的主菜单时，是否把二级菜单关闭。

设置不同的参数，可以得到不同的下拉效果，大家可以多实验几次，就可以掌握这些参数的意义。设置完参数后，单击OK按钮，就可以插入一个下拉菜单。



可以在编辑区看到实际上这个插件是在Dw中插入了一系列的层，层的排列顺序是：第一个主菜单，第一个主菜单的子菜单，第二个主菜单，第二个主菜单的子菜单……根据这个顺序，可以分别对这些层进行编辑，输入自己想要在菜单上显示的文字，并在文字属性的Link一栏加上这个菜单的超链接。经过一阵重复的输入工作后，这个动态下拉菜单就作成了，得意地欣赏欣赏你的大做吧。：）

值得提出的是，这个插件不仅可以做出文字型的下拉菜单效果，还可以通过插入图像做出更“酷”的效果，使用方法是首先把文字替换成图片，然后在主菜单的图像上设置Behavior，可以在“+”下的列表中看到这里的Behavior也多了一项——MFX>MFX_ControlSliderMenu。然后在弹出的菜单中选择需要展开的第一个子菜单的序号，以及菜单展开的速度。把所有的主菜单图像设置完毕后，就可以看看这个专业级的导航菜单了。

Dw的扩展管理器和SliderMenu插件都可以免费下载的，大家可以到5Dmedia.com上下载，如果对这个插件的使用有任何疑问，也欢迎到5Dmedia.com上讨论，或者给我发邮件：lakesea@netease.com。 【字体：大 小】【itbulo.com/index.asp?boardid=51" title="如有错误，麻烦请及时告诉我们。谢谢。">报告错误】【itbulo.com/">进入软件交流区】【关闭】