第7章网页特效的实现.pptVIP

主要内容：行为的认识与应用、动态菜单的制作、行 为和时间轴的结合实例介绍。 重点和难点：网页动态效果的创建 ;7.1行为;7.1.3 常见行为的使用 1．调用JavaScript “调用JavaScript”动作允许用户使用“行为”面板去指定一个自定义功能，或者当一个事件发生时执行一段JavaScript代码。可以自己编写或使用各种免费获取的JavaScript代码。（关闭窗口） 2．打开浏览器窗口 可以将HTML文件在新窗口中打开，并且可以设置新窗口的大小、样式状态栏等多种特性。 3．设置文本 “设置状态栏文本”。添加文本信息。;4． 预先载入图像 浏览网页时，经常会遇到网页上插入大图片的情况，容量越大的图片显示的速度就越慢。预先载入图像的行为是在浏览当前页面时，就可以预先在访问者的计算机中加载要打开的大图片，这样在访问相应网页文档时就可以迅速地显示大图片。 5．设定弹出信息 某些动作会在某种事件发生时，弹出一个对话框，给用户一些信息，此对话框只有一个“确定”按钮。 6．交换图像 “交换图像”行为是通过更改img标签的src属性将一幅图像与另一幅图像进行交换。使用此行为创建按钮鼠标经过图像和其他图像效果（可以一次交换多个图像）。插入鼠标经过图像会自动将一个“交换图像”添加到页中。;7．播放声音 使用“播放声音”动作可以为网页或特定的网页对象添加背景音乐，可以利用这个动作制作出具有声音效果的动态网页。例如：可以在每次鼠标指针滑过或单击某个链接时播放一段声音效果，或在载入网页的时候播放音乐剪辑。 8．改变属性 利用“改变属性”行为，可以动态改变对象的某个属性值，如层的可见性、背景色、图像的大小、路径等。这些改变实际上是改变对象对应标记的相应属性值。 9．恢复交换图像 利用“恢复交换图像”行为，可以将所有被替换显示的图像恢复为原始图像。一般来说，在设置“交换图像”行为时会自动添加交换图像恢复动作，这样当鼠标离开对象是就会自动恢复原始图像。 10.效果（制作图片浏览特效） ;7.2 时间轴基本操作;该面板各个部分的功能如下： “时间轴弹出菜单”：当前文档窗口中所有时间轴列表，可从下拉列表中选择一个时间轴进行操作。 “返回首帧”：动画返回到第1帧。 “后退”：退回到当前帧的前1帧。 “当前播放帧”：该文本框显示的是当前帧的序号。 “播放”：单击该按钮一次，动画前进一帧，如果按住不放，则连续播放动画。 “每秒播放帧数”：设置动画的速度，可以在该文本框中输入具体的数值。 “自动播放”：如果选中该项，则在网页加载后自动开始播放当前时间轴的动画。 “循环播放”：如果选中该项，则当前页面在浏览器中打开时，当前时间轴可以循环播放。 “行为通道”：用于指定某个特定帧执行的行为或动作。 “时间轴”：在该时间轴上面标注的1，5，10…等数字是具体帧的序列号，中间每一小格都代表一帧。上面有一红色的矩形是动画播放头，该播放头随着动画的播放而进行移动。 “动画通道”：显示层和图像的动画栏。 “动画栏”：将一个层拖拉到动画通道时，会显示此动画栏，表示该层的动画范围，动画栏中间显示层的名字。两头的小圆圈代表关键帧，一个层的动画是由这些关键帧决定的。可以在一个层中插入多个关键帧。;7.2.2 利用时间轴创建动画 时间轴是通过改变层的位置、大小、可见性和叠放顺序等属性来创建动画。 【实例】利用层与时间轴结合，制作一个运动轨迹近似“V”字的动画。具体操作如下： 新建一文档，选择“窗口 | 时间轴”命令，打开时间轴面板。 单击布局工具栏中的 （绘制层）按钮，在文档窗口中拖出一个层，命名为layer1。 将站点“壮族·印象”根目录下imgs文件夹中的图像cartoon.gif插入到该层中，并根据图片调节层的尺寸。 选择层layer1，并将其拖入时间轴动画通道中。可以看到插入的动画长度默认为15帧，相应的层名（Layer1）显示在该动画栏中，并且在动画栏两端自动加入了两个关键帧。 单击动画栏最右端的关键帧标记，然后在文档窗口中将层移动一定的距离后释放鼠标左键，可以看到动画起始位置到结束位置之间有一条线显示，这就是层的运动轨迹。拖动动画栏上最前端或最后端的关键帧标记，可以改变动画栏的长度，也就是改变动画播放的时间。本例将后端的关键帧拖动到180刻度处。 如果希望在动画栏中的某个位置添加关键帧，可以按住Ctrl键，然后在动画栏上的相应帧位置单击。或者单击鼠标右键，在出现的快捷工具栏中选择“增加关键帧”命令。本例分别在刻度为40、55、90、105、135、165处增加了关键帧。 单击动画栏中的刻度为40的关键帧，此时播放头也相应地移动到该处，在文档窗口中选择该层，并拖动该层移