动画菜单智能生成

反斗星

　　随着网页编辑工具DW的不断升级和该软件插件的不断丰富，使用它创建和编辑动态HTML也显出了前所未有的方便和快捷。下面，就来看看怎么利用DW插件，制作一个简单而漂亮的动画菜单。

　　开始动手制作菜单之前，我们先谈谈要使用到的“MFX Slide Menu”插件。这也是一个以mxp为后缀的DW标准插件。安装的方法非常简单，双击这个mxp文件，扩展管理器就会自动运行，把它装到DW中，再次启动软件后，就可以正常地使用了。安装完这个插件后，系统会提示你可以通过Objects面板来使用插件。

　　运行DW，建一个新的网页，并保存为menu.htm。找到Object面板，在Common对象栏，可以看到一个新的以大写M为图标的按钮，这就是插入动画菜单的按钮。

　　现在点击“M”按钮，调出动画菜单的设置面板。这个面板中的设置比较简单，参数也不多，下面来谈谈这些参数的具体含义。

　　面板的最上面部分提示了该插件的名称信息和作者的联系信箱，由MFX、SLIDE和MENU三个单词组成的不断变换的动画，显示了用该插件制作的菜单的动画效果特征。通过点击右上角的问号标记可以展现该插件的英文版使用说明。

　　这里有六个主要参数可供设置。“HOW MANY MAIN MENUs DO YOU NEED”用来设定页面中主菜单的数目。从下拉框中可以选择数值从1到25；“TOP VALUE OF THE FIRST MENU”用来设置动画菜单的第一条项目距浏览器顶端的距离；“LEFT VALUE OF THE MAIN MENUs”用来设置动画菜单距离浏览器右端的距离；“POSITION OF SUBMENUs”设置第二层菜单开始处距离上层菜单的相对位置缩进值，取值0时表示二级菜单和主菜单左侧顶端对齐；“MENU SPEED”设置菜单动画的速度，值越大，动画的速度也就越快；“CLOSE ON SECOND CLICK”有两个值可以选择，选择YES值时，当第二次点击主菜单时，会显示将二级菜单收起来的效果，否则就不显示这种效果。

　　设置完所有的参数之后，点击“Ok,I am done!”保存设置，并在编辑区域插入动画菜单。根据上面的设置，这个动画菜单有三个主菜单项，每个主菜单项下面各有一个二级菜单项，这些都是由层和相应的控制代码来实现的。

　　现在这个动画菜单虽然在功能上是完善的，但在外观和内容上有待进一步加工和处理。好在动态HTML将功能和内容很好地分离了。使你可以在上面这个简陋的菜单中自由地编辑显示的内容。这些内容包括层的样式、背景色、尺寸大小等；还可以用自己编辑过的图片，代替原来的文字。在插入图片时，不要先删除原来的主菜单文字，将图片插入原来的文字中之后，再删去文字，这样就不会破坏菜单的功能。总之，你可以比较自由地像编辑其他网页一样，任意地去编辑这些层，并且不必害怕破坏了整个菜单的功能。这个插件的创造性意义，也在这时得到了体现，通过自己的精心修饰，相信你完全可以制作出令人耳目一新的作品来。