轻松打造动态网页菜单

数码时尚

  漂亮实用的动态网页菜单会为我们的网站增色不少,也能提升我们网站的档次。这样的菜单一般是使用DHTML和JavaScript来创建的。如果你是个初涉网海的菜鸟,对DHTML和JavaScript不甚精通,又想做一个令人刮目相看的动态网页菜单放在你的个人网站上,Selteco Menu Maker(以下简称SMM)无疑是你的最佳选择(下载地址:http://www.ttdown.com/softdown.asp?id=12717)。

  首先让我们来认识一下SMM吧。启动SMM(图1),从图上能看出SMM的运行界面分为“菜单添加区”和“实时预览区”两个部分,在“菜单添加区”内我们可以添加、编辑需要的菜单,添加之后的网页菜单会显示在“实时预览区”内。

  一、添加、编辑项目菜单和子菜单

  在SMM的运行界面上点击工具栏中的“添加项目”按钮,会弹出“菜单项目”编辑窗口(图2),在编辑窗口中输入菜单名称和菜单链接等信息后按“确定”即可成功添加菜单项目。如果在菜单项目下我们还需要设计下拉子菜单,点击“创建子菜单”按钮,在弹出的编辑窗口中按需要编辑好子菜单参数即可。

  为了和整个网页的风格相统一,我们还需对菜单进行简单的设置。如果你需要垂直的菜单格式,只要点击“垂直样式”按钮即可轻松切换。在“查看→菜单属性”中我们还可以对菜单字体、颜色和菜单栏背景、边框色等进行更改设置(图3)。

  接着导出网页菜单的Javascript文件,点击工具栏中第四个按钮导出动态网页菜单的JS文件保存到指定目录,这里我们导出的JS文件是“windring.js”。

  二、在网页中使用动态网页菜单

  导出了JS文件我们就可以在网页中使用动态菜单了,将代码复制到网页中你希望的菜单位置即可。在这里我们需要注意的是在你的本机中可以使用绝对地址链接JS文件,若要上传到服务器中一定要使用网站的相对或绝对地址。

  如果在日后需要修改菜单内容,只要在“菜单项目”编辑窗口中重新编辑菜单并导出JS文件上传即可,无须繁琐地去修改每个网页了。