行为和特效

行 为和特 效

一、晃动的图片 对应例子index1.html 1）什么是行为？ “行为” 可以说是Dreamweaver中最具特色的功能之一，它提供了很多实用的动作，每个动作可以完成特定的任务，为网页添加不少特殊效果。

2）实例制作：晃动的图片

技巧：添加行为的时候一般遵循3个步骤：

? 选择对象。

? 添加动作。

? 调整事件。

对象是指接受事件的主体

1. 事件

? 事件是触发动态效果的原因，它可以被附加在各种页面元素上，也

可以被附加到HTML标记中。常用的事件：鼠标的移动或者点击时，键盘的输入和控制等等。

2. 动作

? 动作其实是一段网页上的JavaScript代码，这些代码在特定事件被

激发时执行，从而实现访问者与Web页进行交互，以多种方式更改页面或执行某些任务。

行为是动作和触发该动作的事件的结合体 注意使用动作的对象必须要有个ID

二、弹窗实例

1行为面板的使用

1) 打开行为面板（快捷方式：Shift+F4） 2) 认识行为面板

显示设置事件 显示所有事件 添加行为 删除事件

移动事件顺序

命令控制菜单

2实例： 弹出信息 对应例子index2.html

对象是：网页正文部分body； 事件是：onload 页面打开； 动作是：弹出信息框；

常见事件： OnMouseOver 鼠标经过

OnMouseout 鼠标离开 OnLoad 打开 OnUnload 关闭

3 实例：弹出网页窗口 对应例子index2.html弹出notice.html

三、设置文本行为对应例子index3.html

1 ) 状态栏文字

2）设置文本域文字（注意使用动作的对象必须要有个ID）

事件解读：

onFocus 事件在对象获得焦点时发生 onBlur 事件会在对象失去焦点时发生 onClick 事件会发生在点击时 onDblclick 事件会发生在双击时

onmouseDown 事件会在鼠标按键被按下时发生 onmouseUp 事件会在鼠标按键被松开时发生

onmouseOver 事件会在鼠标指针移动到指定的对象上时发生 onmouseOut 事件会在鼠标指针离开到指定的对象上时发生 onmouseMove 事件会在鼠标指针移动时发生

onkeyDown 事件会在用户按下一个键盘按键时发生

onkeyPress 事件会在键盘按键被按下并释放一个键时发生 onkeyUp键盘按键被松开时发生

四、交换图片实例 对应例子jhtx4.html

该行为可以实现图片的转换，常用来做广告条或产品展示。

五、拖动AP元素 对应例子td5.html

单击网页任意空白位置，选中body 选中拖动AP元素

实例：拼图游戏 对应例子pt5.html 背景APDIV参数

left: 140px; top: 50px; height: 220px; width: 220px;

background-color: #F9EEF2; border: 1px solid #009900;

辅助线位置 横线250 ，竖线 160

图片APDIV2、APDIV3、APDIV4、APDIV5参数

width:110px; height:110px; 4个位置left: 140px; top: 50px;

left: 250px; top: 160px; left: 250px; top: 50px; left: 140px; top: 160px;

单击网页任意空白位置，选中body 选中拖动AP元素

六、修改属性行为 对应例子xgxx6.html

一种比较灵活的行为，可以通过事件来触发某个对象属性值的变化。 注意：每个被修改属性的对象必须设置唯一的ID。