网页设计与制作案例实战教程课件 第12章 行为的应用

第12章行为的应用网页设计与制作案例实战教程目录Contents12.1

什么是行为12.2

利用行为调节浏览器窗口12.3

利用行为制作图像特效12.4

利用行为显示文本12.5

利用行为控制表单12.6

课堂实战12.7

课后作业12.1.1

行为行为由事件（Event）和动作（Action）两部分组成，事件是由浏览器定义的消息，可以理解为行为中动作的触发条件；动作是行为的具体实现过程。Dreamweaver中内置了一组行为，执行“窗口>行为”命令打开“行为”面板。12.1.2常见事件事件是指在程序执行过程中发生的某个特定的动作或情况，如鼠标单击、鼠标双击、鼠标经过、鼠标移开、页面加载等。对于同一个对象，不同版本的浏览器支持的事件种类和多少也是不一样的。事件用于指定选定的行为动作在何种情况下发生。目录Contents12.1

什么是行为12.2

利用行为调节浏览器窗口12.3

利用行为制作图像特效12.4

利用行为显示文本12.5

利用行为控制表单12.6

课堂实战12.7

课后作业12.2.1调用JavaScript使用“调用JavaScript”行为时用户既可以自行编写JavaScript使用，也可以使用开源代码。调用JavaScript动作允许使用“行为”面板指定一个自定义功能，或当发生某个事件时应该执行的一段JavaScript代码。12.2.2转到URL“转到URL”行为适用于通过一次单击更改两个或多个框架的内容。12.2.3打开浏览器窗口选中对象，打开“行为”面板单击“添加行为”按钮，在弹出的快捷菜单中执行“打开浏览器窗口”命令，打开“打开浏览器窗口”对话框。在该对话框中可以针对新窗口的属性、特性等进行设置，完成后单击“确定”按钮，即可应用效果。目录Contents12.1

什么是行为12.2

利用行为调节浏览器窗口12.3

利用行为制作图像特效12.4

利用行为显示文本12.5

利用行为控制表单12.6

课堂实战12.7

课后作业12.3.1交换图像与恢复交换图像“交换图像”行为可以创建鼠标指针经过图像时图像产生变化的效果。要注意的是组成交换的2张图像尺寸必须一致，否则软件将自动调整第2张图像的大小与第1张一致。12.3.2预先载入图像“预先载入图像”行为可以在载入网页时将新图像载入到浏览器的缓冲中，从而避免当图像该出现时由于下载而导致的延迟。12.3.3显示-隐藏元素“显示-隐藏元素”行为可以通过用户响应事件，触发改变一个或多个网页元素的可见性。12.3.4实操案例：国际象棋赛程安排本案例将以国际象棋赛程安排网页的优化为例，对“交换图像”行为的添加与设置进行介绍。目录Contents12.1

什么是行为12.2

利用行为调节浏览器窗口12.3

利用行为制作图像特效12.4

利用行为显示文本12.5

利用行为控制表单12.6

课堂实战12.7

课后作业12.4.1弹出信息“弹出信息”行为可以在触发时弹出一个包含指定信息的文本框。12.4.2设置状态栏文本“设置状态栏文本”行为可以设置浏览器窗口状态栏中显示的内容。12.4.3设置容器的文本“设置容器的文本”行为可以在触发时将指定容器中的文本替换为其他内容。12.4.4设置文本域文字“设置文本域文字”行为可以在触发时使用指定的内容替换表单文本域的内容。12.4.5实操案例：悦米吉他本案例将以悦米吉他网页弹出信息的添加为例，对“弹出信息”行为的添加与设置进行介绍。目录Contents12.1

什么是行为12.2

利用行为调节浏览器窗口12.3

利用行为制作图像特效12.4

利用行为显示文本12.5

利用行为控制表单12.6

课堂实战12.7

课后作业12.5.1跳转菜单跳转菜单是链接的一种形式，通过“跳转菜单”行为可以编辑和重新排列菜单项、更改要跳转到的网页以及更改打开这些网页的窗口等。12.5.2检查表单“检查表单”行为可检查指定文本域的内容以确保用户输入的数据类型正确。通过onBlur事件将此行为附加到单独的文本字段，以便用户填写表单时验证这些字段，或通过onSubmit事件将此行为附加到表单，以便用户单击“提交”按钮时同时计算多个文本字段。将此行为附加到表单可以防止在提交表单时出现无效数据。目录Contents12.1

什么是行为12.2

利用行为调节浏览器窗口12.3

利用行为制作图像特效12.4

利用行为显示文本12.5

利用行为控制表单12.6

课堂实战12.7

课后作业12.6课堂实战生活购物网本案例将以生活购物网页中行为的添加为例，对行为的应用进行介绍。目录Contents12.1

什么是行为12.2

利用行为调节浏览器窗口12.3

利用行为制作图像特效12.4

利用行为显示文本12.5

利用行