首先我调出left.htm页面，也就是导航栏所在的区域，在"Site Window"窗口中双击该文件名，left.htm就会出现在"Document Window"窗口中，并显示为布局形式。我将使用的图片都需要被“命名”，但请注意我这里指的并不是给它们起文件名，而是需要为它们提供脚本可以处理的标题。因此我首先使用面板控制器将空白图片(实际上应该说图片中有两个括号，中间有较大的空间)置于图标之下，随后我调用"Image Inspector"(图片检查器)，点击"Spec"(规格)栏，在这里我可以对图片加以修改，例如图片的边界大小以及说明性文本等。在这里我将图片“命名”为"blank"，命名之后我就可以在脚本中设定目标文件了。
我点击带有"Sun"这个图标的图片，这时敏感的检查器随之也变为图片检查器，并且在最右侧提供一个"Actions"栏，我从这个栏中选择我希望执行的方案。
接下来我需要指定访客的一项操作来激活该指令。在"Events"(事件)窗口中共有六个选项："Mouse Click"(鼠标点击), "Mouse Enter"(鼠标进入), "Mouse Exit"(鼠标离开), "Double Click"(鼠标双击), "Mouse Down"(鼠标下移), "Mouse Up"(鼠标上移, "Key Down"(击键向下), "Key Press"(击键点击)和"Key Up"(击键向上)。我希望实现的是当访客将鼠标置于图标上时会产生一些变化，因此我选择"Mouse Enter"功能(注：经常使用JavaScript的制作人员可能对"MouseOver"指令更熟悉。)，接着我在"Actions"窗口中按下“+”键，从而将一个"Event"(事件)加入"Action"(行动方案)中。下面我需要指明我想执行哪条行动方案，方法是从"Action"菜单栏中选择该方案，你不应知道"Action"菜单栏中包括了我前面介绍过的所有脚本指令方案。对于"Rollover"指令来说，具体操作方法是选择"Image: Set Image URL"(图片：设置图片链接)，这个指令是有关处理图片归属的，而且在任何一个"Rollover"指令中都会使用到。
结束行动方案的设置后，整修页面的左侧部分就已经制作完成了。另外请注意你的浏览器应该支持这种"Action"(在本例中，应该保证使用Netscape 3以及Explorer 4或更高的版本)。
接下来我需要为"Action"提供指令实施目标，换句话说也就是告诉GoLive我希望在发生"Rollover"操作时哪幅图片应该产生变化。下拉式图片菜单列表中列出了我“命名”的所有图片，我选择了前面曾经提到的"blank"那幅图片。图片的名称均可以在窗口下端找到，而那些没有被“命名”的图片是不能被"Action"选为目标的。
最后我要为"blank"制作链接，目的是告诉GoLive软件需要让哪幅图片与该"blank"图片进行互换。我采用"Point-and-Shoot"功能从"Site Window"窗口中选择了"nav_bio.gif"图片，这幅图片就是"Biography"栏目的标题图片。另外该图片是文本GIF图片，虽然我们Webmonkeys的网页制作人员都不太喜欢文本GIF图片，但有时它们也是很有用的，恰好这回这种图片就派上了用场。
好了，一切工作完成，GoLive已经获取了创建"rollover"脚本的所有信息，我在浏览器中预览了制作出来的页面，一切都非常完美，只是当鼠标离开那个"sun"图标时，"Biography"图片信息并没有消失。经过几分钟对GoLive和网页的检查，我最后才发现所有错误都源于我自己，原来我还需要加入另一个脚本来把"Biography"图片替换回原来的空白GIF图片。
于是我返回至"Image Inspector"，添加了一个新"Action"，这次我从"Events"菜单中选择了"Mouse Exit"选项，随后按照前面执行"Mouse Enter"的操作方法进行设置。我最终完成了"Mouse Exit"的设置，只是这次我选择的图片不是"nav_bio.gif"，而是"blank.gif"。完成之后我再次使用浏览器查看编辑结果，这次脚本执行得非常成功。后来我还在"Source Window"(源程序窗口)中查看了网页源代码，发现GoLive创建的JavaScript脚本确实很长。
接下来我每为一幅图片分配一项指令，就要重复一次前面的一系列操作。虽然听起来这项工程非常麻烦，但实际上实践学习起来远要比我做的解释快捷方便得多。我可以保证只要你执行过一次这样的操作，以后你就可以在很短的时间里学会所有其它有关"JavaScripts"的知识。 |
