《制作行为与时间轴及其应用》由会员分享，可在线阅读，更多相关《制作行为与时间轴及其应用（41页珍藏版）》请在金锄头文库上搜索。
1、第9章 行为与时间轴及其应用 9.1 行为的概述9.1.1 行为面板及其使用方法9.1.2 添加和修改行为9.1.3 行为的简单应用 9.2 Dreamweaver 8内置的动作和事件9.4 用时间轴改变图像和层的属性9.4.1 用时间轴控制层的可见性9.4.2 用时间轴控制图像替换9.4.3 用时间轴改变层的叠放次序9.4.4 多条时间轴的管理 9.5 行为和时间轴的应用实例9.3 时间轴的概述9.3.1 使用时间轴面板9.3.2 创建时间轴动画9.3.3 生成和编辑动画路径9.3.4 在时间轴中加入行为Evaluation only.Evaluation only. Created wit
2、h Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.9.1 行为的概述 行为以某种方式完成的动作，在网页设计 中通过行为可以实现浏览者与计算机的人机交互。事件：是完成某一动作的具体方式；动作：指在浏览网页时可完成的一些特殊功能； 在浏览带有行为的交互网页时，当某一事件被响 应后便
3、会触发执行相对应的动作。一个事件可以触发多个动作指定动作触发的先后次序对象行为附加Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.在网页中为页面对象添加和修改行为，可使用【行 为】面板。选
4、择【窗口】|【行为】命令，或按Shift+F4 快捷键，也可以单击状态栏中的按钮，便可打开【行为 】面板。9.1.1 行为面板及其使用方法 事件列表显示设置事件显示所有事件添加行为删除行为行为先后次 序调整按钮动作列表Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty
5、Ltd.Copyright 2004-2011 Aspose Pty Ltd.利用【行为】面板可在网 页中添加、修改行为。给网页对 象添加行为的步骤如下。9.1.2 添加和修改行为 （1） 选中网页中的一个对象， 该对象可以是图像、文本或层。 （2） 选择【窗口】|【行为】命 令，打开【行为】面板。 （3） 单击【行为】面板上的按 钮，屏幕显示【动作】（Action ）菜单。根据需要选择其中一种 动作，并在对话框中设置该动作 的参数。 （4） 选择【显示事件】命令， 并在【显示事件】级联菜单中选 择一种合适的浏览器。Evaluation only.Evaluation only. Create
6、d with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.（5） 在【事件】（Event）菜单中显 示当前动作的默认事件，单击该事件后 ，【行为】面板的当前事件中会出现一 个下拉三角形按钮，单击该下拉三角形 按钮，屏幕显示【事件】级联菜单,可从 该菜单选项中选择一种事件来代替
7、默认 事件。网页中一个对象附加了行为后， 可以根据需要利用【行为】面板修改触 发动作的事件，添加、删除及修改动作 的参数。Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.9.1.3 行为的
8、简单应用 例1 设计制作一个符合下列要求的网页文件。 （1） 在网页中创建2个层，在层Layer1中插入图片1， 在层Layer2插入图片2。 （2） 隐藏层Layer2。 （3） 在浏览该页面时，只显示层Layer1的图片1。当鼠 标指向该图片时，显示图片2； 移开鼠标时，隐藏图片2。layer1 layer2Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client
9、Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.插入层layer1和layer2，并在层中插入相应的图片； 打开【层】面板，选中层Layer2，该层的属性设置为不可见 。 按快捷键Shift + F4，打开【行为】面板。选中层Layer1，单击行为添加按钮，选择【显示-隐藏层】动作，在弹出的【显示- 隐藏层】对话框中选中层Layer2，并单击【显示】按钮设置显 示该层。单击【确定】按钮，【显示-隐藏层】的动作被添加到【行为】面板中。选中该行为，并单击事件列表中下三角形按
10、钮，在菜单中选择事件【onMouseOver】，其意义为“鼠标指向对象”，表示当鼠标指在层Layer1上时，显示层Layer2。此时层Layer2中图像2被显示。给层Layer 1添加【显示-隐藏层】的动作。在弹出的【显示-隐藏层】对话框中选中层Layer2，并单击【隐藏】按钮设置隐藏该层。选择事件【onMouseOut】，其意义为“鼠标移去”，表示当鼠标从层Layer1上移去时，隐藏层Layer2。Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Cr
11、eated with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.layer1例2 双击层1，改变状态栏中显示的文字 。 Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Clie
12、nt Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.例3 拖动层。 选中整个 Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Co
13、pyright 2004-2011 Aspose Pty Ltd.Dreamweaver 8中自带了很多动作，使用它们可以在 网页中设计出各种效果。在本节中列出的动作是Netscape 6.0、Internet Explorer 6.0及以上版本支持的动作。在【行为】面板的【动作】菜单中各项的意义如下所述。9.2 Dreamweaver 8 内置的动作和事件1 【交换图像】： 2 【弹出信息】： 3 【恢复交换图像】: 通过改变IMG标记的SRC属性，改变图像。利用该动作可创建活动按钮或其他图像效果 。可以很方便地在网页上显示带指定信息的 JavaScript对话框。用于将在Swap Imag
14、e动作中设置的后一张图片，恢复为前一张图片。此动作会自动 添加在链接了Swap Image动作的对象中。Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.4 【打开浏览器窗口】： 在触发该行
15、为时打开一个新的浏 览器窗口，并在新窗口中打开URL地址指定的网页。还可设置新窗口的尺寸，是否显示导航条、滚动条等属性。5 【拖动层】： 允许用户用该动作完成拖动层的操作。6 【控制Shockwave或 Flash】： 利用该动作可控制 Shockwave或Flash动画的【播放】、【停止】、【倒带】或指定【前往帧】等操作。7 【播放声音】： 在网页中加入音乐。8 【改变属性】： 通过设定的动作触发行为，动态改变对象属性值。Evaluation only.Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profil
16、e 5.2.0.0.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd.Copyright 2004-2011 Aspose Pty Ltd.9 【时间轴】级联菜单中有以下3个命令。 【播放时间轴】： 可以启动播放时间轴动画。 【停止时间轴】： 可以停止播放时间轴动画。 【转到时间轴帧】： 此动作可以转到时间轴动画的某个指定的帧，然后开始播放时间轴动画。在时间轴面板的行为通 道中设置此动作及时间轴动画的某部分循环播放的次数。10【显示隐藏层】： 显示、隐藏一个或多个层的可见性，这个动作在与浏览者交互信息时是非常有用的。11【显示弹出式菜单】： 该行为用来创建或编辑 Dreamweaver弹出式菜单，或者打开并修改已插入 Dreamweaver文档的Fireworks
