dreamweaver cs3网页制作 第五章(2)

编辑动作参数

①双击动作的名称 ②选中后按 Enter键 更改动作顺序

①单击“增加/降低事件值”按钮 ②剪切并粘贴到其它动作之间 删除当前行为

①单击“删除事件”按钮 ②按 Delete键 动作名称及其作用

交换图像：通过更改“img”标签的“src”属性将一个图像和另一个图像进行交换。 恢复交换图像：将最后一组交换的图像恢复为以前的源文件。

效果：为选中的对象添加增大/收缩、挤压、显示/隐藏、晃动、滑动、遮帘等效果。

弹出信息：可显示一个带有用户指定信息的JavaScript警告框和一个“确定”按钮，使用此动作只能提供信息，而不能为用户提供选择。

打开浏览器窗口：可在一个新的窗口中打开URL，可指定新窗口的大小、特性和名称。

播放声音：可在网页中播放声音，例如，当鼠标滑过某图像时可以播放一段音乐；或者当页面载入时播放音乐。 改变属性：可通过改变图像、AP Div、表单等的某个属性来实现动态效果，例如，层的背景颜色或图像的宽或高。具体可更改哪个属性由当前选用的浏览器来决定。

设置文本：可用于设置框架文本、状态栏文本和表单元素中的文本域文本。

预先载入图像：用于将不立即显示在网页中的图像预先载入浏览器缓存中，防止当图像显示时由于下载而导致延迟。 检查表单：可以为表单中各元素设置有效性规则，并检查指定文本域的内容以确保用户输入正确的数据类型，防止表单提交到服务器后，文本域中包含无效的数据。

显示—隐藏元素：显示、隐藏或恢复一个或多个AP元素的默认可见性。 调用JavaScript：发生事件时，调用特定的JavaScript函数。 事件名称及其作用

onLoad：载入对象时触发。 onClick：鼠标单击时触发。 onDblClick：鼠标双击时触发。

onMouseDown：按下鼠标左键时触发。 onMouseUp：鼠标左键按下后释放时触发。 onMouseOver：鼠标指针移到某对象时触发。 onMouseMove：鼠标移动时触发。

onMouseOut：鼠标离开某对象时触发。

onKeyPress：当键盘上某个键按下并且放开时触发。 onKeyDown：当键盘上某个键按下时触发。 onKeyUp：当键盘上某个键松开时触发。

5.4利用时间轴制作动态效果

“时间轴”面板

选择“窗口→时间轴”命令或按Alt+F9快捷键，即可打开“时间轴”面板，如下图所示。

“时间轴”面板

“时间轴”下拉列表：列出了当前页面中所有时间轴动画的名字。 “归位”按钮：将播放头移至时间轴中的第一帧。

“自动播放”复选框：使时间轴在当前页从浏览器中加载时自动开始播放。 “循环”复选框：使动画进行循环播放。 “速率”：用来输入动画每秒钟播放的帧数。 “动画条”：表示一个动画所占的帧数，上面标有该动画所在AP Div的名字。 “关键帧”：定义动画条中已经为对象指定属性的帧，决定了动画的走向。 使用时间轴制作AP元素直线动画

（1）在页面内插入一个AP Div，然后在AP Div中插入一个图像、动画或文字等， （2）将插有图像或文字的AP Div拖动到动画的起始位置，生成一个动画条。 （3）用鼠标拖动末端关键帧可改变动画帧数。

（4）选中终止关键帧，在页面上将AP元素拖动到动画结束时的目标位置，如下图所示。 （5）保存并预览网页。

使用时间轴制作AP元素曲线动画

方法1：在直线动画上添加关键帧制作曲线动画

（1）先制作一个直线动画，选中动画条内要插入关键帧的位置，按住 Ctrl键单击，将其转换为关键帧。 （2）依次选中关键帧，拖动AP Div到新的目标位置，生成的曲线动画路径如下图所示。 （3）保存并预览网页。

方法2：通过拖动路径创建曲线动画

（1）在页面内插入一个AP Div，然后在AP Div内插入一个图像、动画或输入文本等，再将插有图像或文本的AP Div移到动画的起始位置。

（2）选中该AP Div，选择“修改→时间轴→记录AP元素的路径”命令。

（3）在网页设计窗口内，按照设计的曲线路径，拖动AP Div系统将自动生成一条曲线路径。 （4）保存并预览网页。

使用时间轴更改图像和 AP元素的属性 （1）制作转换图像

①在页面内插入一个图像，将该图像拖动到“时间轴”面板，生成动画条。

②在“时间轴”面板中按下Ctrl键单击某帧，将当前帧转换为关键帧，更换该关键帧处的图像文件。 ③重复操作②，不断增加关键帧和更换图像文件。 ④保存并预览网页。

（2）制作徐徐展开的图像

①在页面内绘制一个AP Div并插入图像。

②在属性面板设置AP Div的“溢出”属性为“hidden”。

③将AP Div拖动“时间轴”面板的动画通道上形成动画条。 ④选中动画的起始帧，设置AP Div的“宽”为较小值。 ⑤保存并预览网页。

动画的其他操作 （1）动画的删除

删除动画条：在“时间轴”面板中选中要删除的动画条，按Delete键或选择“编辑→剪切”命令。 删除所有动画条：在“时间轴”面板中右击，在弹出的快捷 菜单中选择“移除时间轴”命令。 （2）动画的重命名

在“时间轴”面板中右击，在弹出的快捷菜单中选择“重命名时间轴”命令，弹出“重命名时间轴”对话框，在“时间轴名称”框中输入新的名字，单击“确定”按钮。 （3）调整动画播放速度

动画的默认速率是每秒15帧，要调整其速率，可以直接在“时间轴”面板的“Fps”框中输入新的速率。