7行为与动画郭存友.docVIP

跟我做网页之七 行为与动画——让网页动起来 一、使用DWM自带的行为制作交互效果 行为是DWM的又一特色，它使用户不必写代码就能做出具有交互功能的网页。它是一种事件和动作的组合，事件是由浏览器为每个页面对象定义的，例如onClick、onLoad、onKeyPress等。动作则是由JavaScript预先编好的指定的功能，如弹出消息、播放声音、设置状态栏文本等。 1、如何打开行为面板。 选择[窗口]|[行为]命令打开行为面板，如图。单击加号（+）按钮，添加一种行为。单击减号（-）按钮，删除所选择的行为。 2、如何制作弹出消息对话框 （1）选择一个对象并打开“行为”面板。 单击加号 (+) 按钮并从“动作”弹出式菜单中选择“弹出消息”。 在“消息”域中输入您的消息。 单击“确定”。 检查默认事件是否是所需的事件。如果不是，则从弹出式菜单中选择另一个事件。 选择一个对象并打开“行为”面板。 单击加号 (+) 按钮并从“动作”弹出式菜单中选择“设置文本”“设置状态栏文本”。 在“设置状态栏文本”对话框中，在“消息”域中键入您的消息。 单击“确定”。 检查默认事件是否是所需的事件。 选择一个对象并打开“行为”面板。 单击加号 (+) 按钮并从“动作”弹出式菜单中选择“播放声音”。 单击“浏览”选择一个声音文件。 单击“确定”。 检查默认事件是否是所需的事件。 利用DWM，可以层在屏幕上移动。 选择[窗口]|[其它]]|[时间轴]命令，可以打开时间轴面板，如图。 2、如何利用时间轴制作层动画 最常见的时间轴动画都涉及到沿着一条轨迹移动层。时间轴只能移动层,若要使图像或文本移动，图像、文本插入层中选择窗口其他时间轴。 选择您要制作动画的层将拖至“时间轴”面板中。一个条将出现在时间轴的第一个通道中层的名称将在该条中出现。 单击位于条末端的关键帧标记。 在页面上将层移至它在动画结束时应处于的位置。将出现一条线，它显示文档窗口中动画的轨迹。 如果要让层沿曲线移动，请选择其动画条，然后按住 Ctrl 键并单击动画条中部的一个帧，从而在您单击的帧处添加一个关键帧。重复此步骤，定义其他关键帧。 按住“播放”按钮，预览页面上的动画。 选择一个层将该层移至它在动画开始时应处于的位置。 选择[修改]|[时间轴]|[记录层的轨迹]。 在页面上拖动层以创建轨迹。 当到达动画应停止的点时释放该层。