1第5章高级网页制作网页设计与制作南海学院计算机系制作2第5章高级网页制作行为事件和动作行为和JavaScript脚本程序3认识“行为”面板“行为”面板是添加和控制操作行为的场所。选择“窗口/行为”命令或按Shift+F3键，打开“行为”面板，在面板中会显示已添加的行为。“行为”面板中各按钮的功能如下：4认识“行为”面板单击按钮只显示已设置的事件列表。单击按钮显示所有事件列表。单击按钮会弹出“行为”菜单。在该菜单中选择相应的行为后，会打开相应的对话框，设置完成后将为指定的对象添加行为。单击按钮会删除一个行为。5认识“行为”面板单击按钮将向上移动所选择的动作。若该按钮为灰色，则表示不能移动。单击按钮将向下移动所选择的动作。6实例5.1：使用行为实现鼠标移动到图片上面改变状态栏文字。事件附加动作7检查浏览器由于访问者可能会使用不同类型和版本的浏览器，利用“检查浏览器”行为可根据访问者使用的浏览器而跳转到不同的页面。8检查插件“检查插件”行为的目的是检查浏览者的电脑是否安装了指定的插件，从而决定将网页转到不同的页面。如让安装了Shockwave插件的访问者转到有Shockwave影片的页面，让未安装该插件的访问者转到没有Shockwave影片的页面。9转到URL“转到URL”行为可以在当前窗口或指定的框架中打开一个新页面。利用此行为可以通过一次单击更改两个或多个框架的内容，非常方便。10跳转菜单“跳转菜单”行为可通过选择“插入/表单/跳转菜单”命令进行创建，并可通过“行为”面板对已有的跳转菜单进行编辑修改。在“跳转菜单”对话框中可设置跳转菜单的属性，打开该对话框的方法有以下两种：11跳转菜单选中已插入的跳转菜单，双击“行为”面板中的“跳转菜单”动作，打开“跳转菜单”对话框。选中已插入的跳转菜单，在打开的“行为”面板中单击+按钮，在弹出的“行为”菜单中选择“跳转菜单”命令，打开“跳转菜单”对话框。在“跳转菜单”对话框中设置跳转菜单的方法和“跳转菜单”的创建基本相同，完成后单击按钮关闭对话框，如有需要可在面板中修改事件。12打开浏览器窗口使用“打开浏览器窗口”行为可打开一个新的浏览器窗口显示指定的文档，并且可以指定新窗口的属性和名称。实例2:在网页调入的同时,打开一个POP窗口.13弹出信息添加了“弹出信息”行为后，当触发设定的事件时将会弹出预设对话框。实例5.3：制作一个显示URL的对话框。14设置文本“设置状态栏文本”行为“设置状态栏文本”行为可用于在浏览器窗口底部左侧的状态栏中显示消息。“设置层文本”行为“设置层文本”行为可以设置层的内容和格式，但保留层的属性，如颜色等。该内容可以包括任何有效的HTML源代码。15实例一个显示会员简介的网页16预先载入图像“预先载入图像”行为将不会立即出现在页面上的图像预先载入浏览器缓存中，可防止图像出现时由于下载而导致延迟。17设置导航栏图像使用“设置导航栏图像”行为不仅可以将某个图像变为导航条图像，还可以更改导航条中图像的显示和动作。18交换图像在页面中插入鼠标经过图像实际上就是Dreamweaver自动添加了一个“交换图像”行为。“交换图像”行为通过更改
![]()
标签的
属性将一个图像和另一个图像进行交换，该行为创建了按钮变换和其他图像效果，包括一次交换多个图像。19改变属性使用“改变属性”行为可更改对象的某些属性，其中可更改的属性是由浏览器决定的。实例5.5：鼠标移过图像时改变大小。20显示-隐藏层“显示-隐藏层”行为用于交互时显示信息，可以显示、隐藏或恢复一个或多个层的可见性。实例5.6:鼠标移动到会员图像上时显示会员介绍。21拖动层浏览者在访问添加了“拖动层”行为的页面时可拖动层到页面的任意位置。“拖动层”行为可通过“拖动层”对话框实现。选中所需的层并打开“行为”面板，单击按钮，在弹出的“行为”菜单中选择“拖动层”命令，打开“拖动层”对话框，该对话框中有“基本”和“高级”两个选项卡。可以设定浏览者向水平、垂直或任意方向拖动层，以及用JavaScript函数名或代码实现一些特殊功能。22拖动层1...
