行为和时间轴

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

动作(Action) :动作通常是一段JaveScript代码。
7.4
第7章
行为和时间轴
7.1
2. 设置“行为”面板选项
创建行为
“显示设置事件”仅显示附加到当前文档的那些事件。 “显示所有事件”按字母降序显示给定类别的所有事件。 “添加动作 (+)” 是一个弹出菜单,其中包含可以附加到当前所选元素的动作。 “删除 (-)” 从行为列表中删除所选的事件和动作。
通过本案例的操作,你将学会:如何插入层和嵌套层、如何为层设置“显示-隐藏层” 和“拖动层”行为。
7.9
第7章
行为和时间轴
7.2
7.2.1 案例制作:飞翔的鸽子
时间轴动画
通过本案例的操作,你将学会:如何插入层、如何在层中插入图像、如何将层增加 到时间轴上、如何在时间轴上设置关键帧形成动画 。
7.10
7.7
第7章
行为和时间轴
7.1
5. Dreamweaver 自带的行为动作
设置导航条图像 设置框架文本 设置层文本 设置状态栏文本 设置文本域文本 显示-隐藏层 显示弹出菜单 交换图像
创建行为
恢复图像交换
检查表单
7.8
第7章
行为和时间轴
7.1
创建行为
7.1.3 案例制作:行为综合练习“我的独白”
“动画条”:显示每个对象的动画的持续时间。
“关键帧”:是动画条中已经为对象指定属性(如位置)的帧。 “动画”通道:显示用于制作层和图像动画的条。 “后退至起点”:将播放栏移至时间轴中的第一帧。 “后退”:将播放栏向左移动一帧。 “播放”:将播放栏向右移动一帧。 “自动播放”:使时间轴于当前页在浏览器中加载时自动开始播放。 “循环”:使当前时间轴于页在浏览器中打开时无限地循环。
7.3
第7章
行为和时间轴
7.1
7.1.2 新知解析
1. 行为构成的三要素
创建行为
对象(Object) :对象是产生行为的主体,很多网页元素都可以成为对象,如图片、文 字、多媒体文件等,甚至是整个页面。 事件(Event) :事件是触发动态效果的原因,它可以被附加到各种页面元素上,也可以 被附加到HTML标记中。
为该动作输入参数,然后单击“确定”按钮。
触发该动作的默认事件显示在“事件”栏中。 4 更改行为 若要编辑动作的参数,请双击该行为名称或将其选中并按 Enter 键然后更改对话框中
的参数并单击“确定”。
若要更改给定事件的多个动作的顺序,请选择某个动作然后单击上下箭头按钮。或者选 择该动作然后剪切它,并将它粘贴到其它动作中所需的位置。 若要删除某个行为,请将其选中然后单击减号 (-) 按钮或按 Delete 键。
7.6
第7章
行为和时间轴
7.1
5. Dreamweaver 自带的行为动作
调用 JavaScript 改变属性 检查浏览器
创建行为
检查插件
控制 Shockwave 或 Flash 拖动层 转到 URL 跳转菜单 打开浏览器窗口 播放声音 弹出消息 预先载入图像
“事件”(当您单击行为列表中所选事件名称旁边的箭头按钮时出现的菜单)是一个弹
出菜单,其中包含可以触发该动作的所有事件。
7.5
第7章
行为和时间轴
7.1
3. 创建行为
创建行为
在页上选择一个元素,例如一个图像或一个链接。 选择“窗口”→“行为”,打开“行为”面板。 单击加号 (+) 按钮并从“动作”弹出菜单中选择一个动作。
7.13
第7章
行为和时间轴
7.2
时间轴动画
3.使用多个时间轴 若要新建时间轴,请选择“修改”→“时间轴”→“添加时间轴”。 若要删除选定的时间轴,请选择“修改”→“时间轴”→“删除时间轴”。这将永久删 除选定时间轴中的所有动画。 若要重命名选定时间轴,请选择“修改”→“时间轴”→“重命名时间轴”,或者在
第7章
行为和时间轴
学习目标
能够创建行为,会使用和设置系统自带的行为 能够创建时间轴动画 能够运用层、行为和时间轴制作特效
7.1
第7章
行为和时间轴
本章内容
7.1 创建行为 7.2 时间轴动画
7.2
第7章
行为和时间轴
7.1
创建行为
7.1.1 案例制作:浏览器窗口的打开
通过本案例的操作,你将学会:如何认识行为面板 、如何在行为面板中添加系统自 带的行为 、如何设置打开浏览器窗口 、如何设置行为事件 。
次选择多个动画条),然后向左或向右移动。
若要移动整个动画轨迹的位置,请选择整个动画条,然后在页面上拖动该对象。 若要在时间轴上添加或删除帧,请选择“修改”→“时间轴”→“添加帧”或“修 改”→“时间轴”→“删除帧”。 若要使时间轴于页在浏览器中打开时自动播放,请单击“自动播放”。“自动播放”会 向页附加一个行为,该行为将在页加载时执行“播放时间轴”操作。 若要使时间轴连续循环,请单击“循环”。“循环”将“转到时间轴帧”操作插入到动 画最后一帧后的“行为”通道。您可以编辑此行为的参数以定义循环的次数。
第7章
行为和时间轴
7.2
7.2.2 新知解析
1.认识“时间轴”面板
时间轴动画
“时间轴”弹出式菜单:指定当前在“时间轴”面板中显示文档的哪些时间轴。 “播放栏”:显示当前在“文档”窗口中显示时间轴的哪一帧。 “帧编号”:指示帧的序号。 “行为”通道:是应该在时间轴中特定帧处执行的行为的通道。
7.11
第7章
行为和时间轴
7.2
时间轴动画
1.认识“时间轴”面板
7.12
第7章
ຫໍສະໝຸດ Baidu
行为和时间轴
7.2
时间轴动画
2.修改时间轴 若要使动画的播放时间更长,请将结束帧标记向右拖动。动画中的所有关键帧都会移动, 以保持它们的相对位置不变。若要阻止其他关键帧移动,请按住 Ctrl 键并拖动结束帧标 记。 若要使层更早或更晚地到达某一关键帧位置,请在动画条中将关键帧向左或向右移动。 若要更改动画的开始时间,请选择一个或多个与该动画关联的动画条(按 Shift 可一
“时间轴”面板的“时间轴”弹出式菜单中输入新的名称。
若要在“时间轴”面板中查看另一个时间轴,请从“时间轴”面板的“时间轴”弹出式 菜单中选择一个新的时间轴。
相关文档
最新文档