DW-第7章网页中行为与APdiv的使用.ppt

Dreamweaver 网页制作 主讲：孙洪娟 第7章 网页中行为的使用 本章目标 7.1行为概述 7.2动作事件 7.3APdiv 任务实例 7.1行为是什么 行为是一种事件和动作的组合，事件激发一个动作产生一定特殊效果，用户不用编写代码就可以轻松作出各种功能效果。 动作是用JavaScript预先编好的功能，如打开浏览器窗口、播放声音等。 事件是由浏览器在响应用户动作的时候引发的。 7.1.1行为面板 打开行为面板：窗口行为(shift+F4) 事件列表：显示设置的事件 动作列表：显示所有的事件 添加行为： 删除行为： 7.2事件 就是选择在特定情况下发生选定动作的功能 7.2.1常用的事件 onBlur：鼠标移动到窗口或框架外侧等非激活状态时的事件 onClick ：鼠标单击事件 onDblClick：鼠标左键双击时执行，图形单元类、页面类的事件 onKeyDown：按下事件 onKeyPress：按下并释放事件 onKeyUp：放开按下的键盘发生的事件 onMouseDown ：单击鼠标左键发生的事件 onMouseMove：光标指向一个特定元素 onMouseOut：光标移出特定元素边界 onMouseOver：光标移动到特定元素上面 onMouseUp：释放鼠标键 onLoad：图像或页面完成载入时产生的事件 onUnload：离开当前页面时 7.2.2常用的内置行为 弹出信息：选中对象行为面板添加行为弹出信息打开对话框设置保存即可。 7.2.2常用的内置行为 拖动AP元素：全选当前网页内容行为面板添加行为拖动AP元素打开对话框设置保存即可。 设置状态栏文本: 7.2.2常用的内置行为 交换图像：选中对象行为面板添加行为交换图像打开对话框设置保存即可。 图像：列出当前网页中的全部图片对象。处于选中状态的是被交换的图像。一般不设置。 设定原始档为：设定交换时用来显示的新图像。 预先载入图像： 鼠标滑开时恢复： 7.3 AP div概述 AP 层对象是Absolutely Positioned Elements的缩写，也称“绝对定位元素”，一般称为“层”。 AP层对象可以从重叠、任意移动、可以设置为隐藏，得到比表格更好的效果。 7.3 AP div概述 一、插入记录菜单 “布局对象” 我们可以轻松插入AP div标签 7.3 AP div概述 二、插入AP DIV标签 利用“布局”插入工具栏，我们可以轻松插入AP div标签 7.3 AP div概述 三、创建嵌套AP层 嵌套的含义：嵌套并不表示一个在另一个里面显示，而是指一个AP元素的代码在另一个AP元素代码的内部。 嵌套的AP元素会随着父AP元素的移动而移动，继承AP元素的可见性。 7.3 AP div概述 三、AP层 的属性 AP层的属性包括ID、位置、大小、Z轴可见性、背景、类、溢出、剪辑等基本属性。 对AP层的命名，默认名称为AP DIV* 7.3 AP div概述 可见性： Default(默认)：不指定可见性的属性。 Inherit(继承)：继承父对象的可见性。 Visible(可见)：显示AP元素。 Hidden(隐藏)：不显示AP元素。 7.3 AP div概述 可见性： Default(默认)：不指定可见性的属性。 Inherit(继承)：继承父对象的可见性。 Visible(可见)：显示AP元素。 Hidden(隐藏)：不显示AP元素。 任务1AP div 与行为