《网页设计与制作教程 第2版 北京市精品教材 教学课件 PPT 作者 赵丰年 吕宜宏 第12章 使用行为》由会员分享，可在线阅读，更多相关《网页设计与制作教程 第2版 北京市精品教材 教学课件 PPT 作者 赵丰年 吕宜宏 第12章 使用行为（14页珍藏版）》请在金锄头文库上搜索。
1、1,第12章 使用行为,2/14,本章要点,12.1 行为概述 12.2 使用内置的 Dreamweaver 行为,3/14,12.1 行为概述,本节内容包括： 行为基本概念 使用行为面板,4/14,12.1.1 行为与事件,行为是某个事件和由该事件触发动作的组合。Dreamweaver 中的行为将 JavaScript 代码放置到文档代码中，这样访问者就可以通过多种方式更改网页，或者启动某些任务。 事件是指浏览器事先为网页对象定义的某种状态。例如，当鼠标移动到某个链接上时，就会产生“onMouseOver”事件；当用户加载网页时，就会发生“onLoad”事件；当访问者单击某个对象时就会发生“
2、onClick”事件；当访问者的鼠标离开某个对象时会发生“onMouseOut”事件。,5/14,12.1.1 行为与事件 （续）,动作是指一个预先写好的 JavaScript 程序，每个程序都可以完成特定的任务。例如打开浏览器窗口动作、播放声音动作或显示/隐藏 AP 元素动作。 将事件与动作组合，就能获得各种动态效果。例如，单击按钮时播放声音，加载网页时弹出一个信息窗口等。,6/14,12.1.2 行为面板,在 Dreamweaver 中，可以为网页各种对象添加行为。例如，网页、表格或单元格、Div 标签、图像、表单按钮等。 通常一个行为包含一个事件和一个动作。行为允许指定多个动作，如果指定
3、了多个动作网页对象行为的动作将按照一定顺序依次执行。,7/14,12.1.2 行为面板（续）,使用“行为”面板，为网页对象指定行为。要打开“行为”面板，可以选择“窗口”“行为”命令，打开行为面板 ，如图所示。,8/14,12.1.2 行为面板（续）,演示使用行为面板添加行为的步骤（p224）,9/14,12.2 使用内置 Dreamweaver 行为,Dreamweaver 提供网页常用行为，能够制作很多常见页面交互式效果。其中包括： 弹出信息行为 打开浏览器窗口行为 显示隐藏元素行为 跳转菜单行为 效果行为,10/14,12.2.1 弹出信息行为,“弹出信息”动作可以使指定的信息以 Java
4、Script 消息框的方式弹出，它只有一个参数，即消息框中的文字信息。 演示弹出信息行为 （p225p226）,11/14,12.2.2 打开浏览器窗口行为,打开浏览器窗口动作就是当浏览者触发行为事件后，可以打开一个新的浏览器窗口。用户可以自定义打开新窗口的属性，例如窗口大小、是否需要状态栏、工具栏等。 演示（p226p228）,12/14,12.2.3 显示隐藏元素行为,“显示隐藏元素”动作可以显示、隐藏一个或多个 AP Div 元素，或者还原其默认的可见性属性。 演示（p228p230）,13/14,12.2.4 跳转菜单行为,跳转菜单是一种常见的交互式表单控件，其中每个菜单项都是一个超链接，使浏览者在选择某个选项后可以跳转到相应的页面。 演示（p230p232）,14/14,12.2.5 效果行为,使用 Dreamweaver 自带的行为还可以实现一些常用的动态效果，例如“增大/收缩”效果、“高亮颜色”效果等。 演示增大/收缩效果（p232p233） 演示高亮颜色效果（p233p234）,
