行为与时间轴动画设计.pptVIP

添加动画对象 方法一：用鼠标拖拽层对象，将其拖拽到时间轴浮动面板中； 方法二：选中层对象，用鼠标右键单击层对象，在弹出菜单中选择“添加对象”； 方法三：选中层对象，在时间轴浮动面板的第一帧的位置单击鼠标右键，在弹出菜单中选择“添加对象”。 第六十三页，共一百页。 第六十四页，共一百页。 调整动画长度 第六十五页，共一百页。 设置动画起点 第六十六页，共一百页。 添加关键帧、设置关键帧位置 第六十七页，共一百页。 第六十八页，共一百页。 设置播放方式 第六十九页，共一百页。 预览动画效果 第七十页，共一百页。 第三十一页，共一百页。 添加层对象：先在网页中添加一个层对象 要为网络导航的每个类别加上相应的站点列表，为了实现想要得到的弹出菜单的效果，我们采用层对象来排布网站列表。 添加表格 为了整齐地排列站点列表，在层中插入一个5×1的表格。 第三十二页，共一百页。 第三十三页，共一百页。 编辑站点列表和表格属性 第三十四页，共一百页。 编辑层对象 把层对象移动到站点类别的表格中对应的单元格的下方，保持层对象和上面的表格有一定的重叠部分。为层取名为“amuse”。 添加动作 首先选中“音乐和娱乐”所在单元格，在行为浮动面板上，单击添加按钮，选择“显示-隐藏层”动作，打开显示-隐藏层对话框。选中层amuse，单击显示按钮，设置该层可见。浮动面板上出现了第一个动作，该动作触发事件是onMouseOver(鼠标移上)。 还是选中“音乐和娱乐”所在单元格，同样打开显示-隐藏层对话框。选中层amuse，单击隐藏按钮，设置本动作的功能是隐藏该层对象。浮动面板上出现了第二个动作，修改该动作触发事件为onMouseout(鼠标移出)。 第三十五页，共一百页。 第三十六页，共一百页。 选中层对象，在对应的浮动面板中，设置层的显示项为Hidden，即层对象初始的可见性为隐藏 为层添加动作 选中amuse层对象，然后在行为面板中，为这个层对象添加两个显示-隐藏层动作。第一个动作是使amuse可见，触发事件是onMouseOver。然后再添加一个使amuse层隐藏的显示-隐藏层动作，触发事件设为onMouseOut。 第三十七页，共一百页。 添加其它站点列表 第三十八页，共一百页。 保存文件，浏览显示最终效果。 第三十九页，共一百页。 四、检查表单 Dreamweaver MX的内置行为中提供了一个“检查表单”的行为，目的是在用户提交数据前检查数据的合法性。 第四十页，共一百页。 实例 6 你填对了吗？ 第一部分：我的注册表-----基本表单制作 第四十一页，共一百页。 第二部分： 创建“检查表单”行为对表单数据进行合法性检查 添加动作 选中网页中的提交按钮，添加一个检查表单动作 第四十二页，共一百页。 第四十三页，共一百页。 第四十四页，共一百页。 设置username域检查 第四十五页，共一百页。 设置truename域检查 第四十六页，共一百页。 设置year域检查 第四十七页，共一百页。 设置month域检查 第四十八页，共一百页。 设置day域检查 第四十九页，共一百页。 设置intro域检查 第五十页，共一百页。 设置password域检查 第五十一页，共一百页。 存盘预览 当直接单击提交按钮时： 第五十二页，共一百页。 当故意将出生年月填错： 第五十三页，共一百页。 7．3 时间轴动画设计 一、时间轴面板 在Dreamweaver MX中提供了图形化操作来定义动画，这种操作是在时间轴面板中定义时间轴。使用动态HTML来改变层的属性，或者随时间来改变关键帧中图象的属性。 第五十四页，共一百页。 ① ② ③ ④ ⑤ ⑥ ⑧ ⑦ ⑨ ⑩ ⑾ ⒀ ⑿ 第五十五页，共一百页。 时间轴下拉列表框：时间轴下拉列表框指定当前在时间轴面板中显示文档的哪个时间轴。在当前文档中定义的所有时间轴都会在这个下拉列表中列出。 行为通道：应该在时间轴中特定帧处执行的行为通道。 播放栏：显示当前在文档窗口中显示时间轴的哪一帧。 动画条：显示每个对象的动画的持续时间。 倒带：将播放栏移至时间轴中的第一帧。 后退：将播放栏向左移动一帧。 当前帧：指明当前播放的帧数。 第五十六页，共一百页。 播放：将播放栏向右移动一帧。单击“播放”并按住鼠标可向前播放时间轴。 动画通道：显示用于制作层和图象动画的动画条。 每秒帧数（fps）指示每秒钟动画播放的帧数。 ⑾ 自动播放：选中此项，当前页在载入浏览器时即自动播放时间轴。 ⑿ 关键帧：动画条中已经为对象指定属性（如位置）的帧。Dreamweaver MX会计算关键帧的中间值。小圆标