网页设计与制作 第19章 行为

《网页设计与制作 第19章 行为》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第19章行为第19章行为行为是将JavaScript代码放置在文档中以允许访问者与Web页进行交互。用户只需用鼠标点击进行简单的设定就可以实现复杂的动态网页的效果。19.1行为概述19.2使用Dreamweaver8自带行为19.3本章小结19.1行为概述19.1.1行为介绍行为是事件和由该事件触发的动作的组合。其中：动作是由预先编写的JavaScript代码组成的，这些代码执行特定的任务，例如打开浏览器窗口、显示或隐藏层、播放声音或停止Shockwave影片等等。事件是浏览器生成的消息，指示页面的访

2、问者执行了某种操作。例如，当访问者将鼠标指针移动到某个链接上时，浏览器为该链接生成一个onMouseOver事件，然后浏览器查看是否存在应该调用的JavaScript代码。系统为不同的页面元素定义不同的事件。将一个动作和一个事件结合在一起就完成了一个行为的过程。例如我们在网页的载入事件中响应一个弹出对话框的动作，其对应的事件为Onload，对应的动作为“弹出信息”，经过简单的设定就可以完成需要的功能。如图所示。19.1行为概述19.1.2认识事件每个浏览器都提供一组事件，这些事件可以与“行为”面板的“

3、+”按钮中弹出的行为相关联。大多数事件只能用于特定的页面元素。若要查明对于给定的页面元素给定的浏览器支持哪些事件，可在文档中插入该元素并向其附加一个行为，然后单击“行为”面板中事件右侧的按钮，查看事件弹出式菜单。IE4.0以上的浏览器支持的部分主要事件可见书中表19-1。19.1行为概述19.1.3行为面板“行为”面板如图所示：添加行为按钮：单击此按钮将弹出可以显示行为的菜单，当选择了其中一个行为后会弹出响应的设置对话框。19.1行为概述删除行为按钮：单击此按钮将删除当前选中的行为。事件更改按钮：单击

4、此按钮将弹出事件菜单，从中进行选择以更换触发动作的事件类型。如果菜单中未列出所需的事件，可在“显示事件”弹出的子菜单中更改目标浏览器。19.1.4添加行为（1）选中一个网页中的对象。（2）单击添加行为按钮，在弹出的菜单中选中你希望添加的行为。（3）单击所选行为，在弹出的对话框中进行设置。（4）在行为面板中，单击事件更改按钮，在弹出的下拉菜单中选择你需要的触发事件类型。19.1行为概述19.1.5编辑管理行为“行为”面板的约定：（１）行为面板中有多个行为时，则按事件的字母顺序显示在面板上。（２）同一个事

5、件可以有多个动作，对于同一个事件的多个动作，行为面板中的显示顺序就是多个动作的执行顺序。（３）要想调整动作的执行顺序，可以利用行为面板的按钮和来调整，以实现所需要的效果。19.1行为概述19.2.1交换图像使用“交换图像”行为，可以改变标签的src属性，即用另一张图像替代当前的图像。对话框如图所示。预先载入图像：选中它可以防止当图像由于下载而导致延迟。19.2使用自带的行为19.2.2弹出信息使用“弹出信息”行为，可以显示一个带有用户指定消息的JavaScript警告。因为JavaScrip

6、t警告只有一个按钮（“确定”），所以使用此动作可以提供信息，而不能为用户提供选择。对话框如图所示。19.2使用自带的行为19.2.3打开浏览器窗口使用“打开浏览器窗口”行为，可以实现当用户在触发所定义的事件时打开一个新的浏览器窗口，在新的窗口中可以载入指定URL地址上的网页。对话框如图所示。19.2使用自带的行为注意：如果没有指定窗口的属性，则窗口将按启动窗口的属性和大小打开，一旦指定了窗口的任何属性，都将自动关闭其他属性。19.2.4拖动图层使用“拖动层”行为，可以实现访问者在页面上拖动图层。一般是

7、使用onLoad事件将“拖动层”附加到对象上。对话框如图所示。“限制”选项后的上、下、左、右文本框中可输入以像素为单位的值，这些值是相对于图层的起始位置的值。19.2使用自带的行为“放下目标”的左和上文本框中输入以像素为单位的放置目标的值。“靠齐距离”文本框中输入一个以像素为单位的值，指定图层与放置目标的靠近距离。如果还要定义图层的拖动柄等动作，可以单击【高级】标签。19.2使用自带的行为19.2.5控制Shockwave或Flash使用“控制Shockwave或Flash”行为，可以控制

8、MacromediaShockwave或MacromediaFlashSWF文件的播放、停止、倒带或转到文件中的帧。对话框如图所示：19.2使用自带的行为19.2.6播放声音使用“播放声音”作为，可以很方便的在网页中加入音乐。对话框如图所示。在“播放声音”文本框中，输入要加入网页的音乐文件即可。19.2使用自带的行为19.2.7改变属性使用“改变属性”行为，可以通过设定的事件触发行为，动态改变连接行为的对象属性，包括对象的颜色、尺寸和背景等。“改变属性”