用菜单飞梭轻松制作漂亮的网页菜单

• 关 键 词：
• dreamweaver
• illustrator
• javascript
• photoshop
• internet

　　然后在网页中点击使用中的菜单，检查器调板就会切换到MenuMachine的内容，在动作中作如下设定。分别为5个项目指定鼠标经过及鼠标移出时执行的动作。思路是：经过时替换原始图像为各图像，移出时则还原为原始的图像。

　　现在在浏览器中就可以看到大致如下动画的效果了。如果播放完毕，可以在其上点击右键选择“播放”。

[Play] 播放动画

　　我们看到的动态菜单效果，其实都是由JavaScript脚本代码写成的，菜单飞梭将脚本代码分为两类：一类是核心代码，一类是菜单项目专属代码。菜单飞梭不会将JavaScript脚本代码直接写入到页面中，而是将其存放于一个专门的目录(默认为站点中的menumachine目录，可在参数设定中修改)，然后在网页中对目录中的脚本文件进行读取。这样的好处是脚本文件在读取一次之后就会保留在缓存中，不必在打开不同的页面后重复读取。因此在上传网页的时候，也要将菜单飞梭的目录一并上传。

　　需要注意的是，如果在网页中设定了动作，则需要将GoLive的脚本库也同时上传，除非指定GoLive将代码写入到页面文件中。具体的方法可参照GoLive的视频教程。

　　菜单飞梭在每次启动GoLive后都会加载，如果不需要使用，可以在GoLive的首选项_模块中关闭，如下图。

　　最后要告诉大家的是，尽管菜单飞梭可以实现各种动态特效，但这些特效会降低系统运行的速度，如果浏览者的系统配置不高的话很可能“举步维艰”。且动态效果存在着对IE以外浏览器的兼容性问题，因此不是特别需要就不必使用。当然，IE浏览器占95%以上的实际使用率，是大部分用户选用的浏览器。只有一些电脑资深玩家会偶尔使用Opear和FireFox。此外MAC平台上使用的是safari浏览器。

　　如果是针对企业网站，处于兼容性和运行速度的考虑，应尽可能不使用菜单飞梭来制作菜单。

　　范例中所使用的图像和小图标可以点击这里下载。

【深 度 阅 读】 相 关 文 章