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

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

讨论组 ：http://group.qqread.com

　　Global(全局设定)中是针对整个菜单项目的设定，比较重要的是如下右图中自动生成导航页的选项。这个选项在某些浏览器不支持JavaScript的时候自动产生一个所有菜单项目的链接列表，可以通过这张列表进行正常的访问。此外更重要的意义在于：大部分搜索引擎只是查找页面中具有的超链接，去分析站点。这个选项可以令其正常收集网站的结构信息。

　　大家可以尝试关闭IE浏览器的JavaScript支持(Internet选项->安全->自定义级别->禁用活动脚本)，然后再在浏览器中访问，就会看到一个替代页面。

　　在网页中选中正在使用的菜单对象时，检查器跳板也会切换到菜单飞梭的相关设置，如下各图所示。需要注意的是，如果要使用框架，要注意框架的组织结构和目标位置。

　　通过菜单【MenuMachine_参数设定】可以开启如下左图的设置框，比较有用的是绿色箭头处的选项，启用后可以在编辑器中看到菜单的级别，如下右图。注意在Photoshop下又增加了一个第4级子项。方法也是相同的。

　　如果电脑配置较低，则可以尝试关闭在编辑器中实时显示鼠标经过效果和边框效果。

　　刚才我们看到MenuMachine调板中有动作的选项，这意味着我们可以为菜单项添加动作。比如我们想要做一个替换图片的效果，首先我们将一幅图片放到网页中，在检查器调板中为图片设置名字，如下图红色箭头处。

　　注意下图中使用了基于CSS的版面网格，因此可以将图片与菜单排列在任意位置，如果没有使用版面网格，则不能如下图般排列。

　　然后给网页添加标头动作，内容是将刚才的图片替换为其他的图片，如下图所示，尤其注意红色箭头处，一定要设置为调用时(即OnCall)。在这里添加了多个标头动作，分别替换为不同的图像。特别还设置了一个替换回原始图像的动作。它们都是笔者MSN上使用的头像，读者可以[点击这里]下载。

【深 度 阅 读】 相 关 文 章