网页制作-行为与时间轴及其应用

《网页制作-行为与时间轴及其应用》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第9章行为与时间轴及其应用9.1行为的概述9.1.1行为面板及其使用方法9.1.2添加和修改行为9.1.3行为的简单应用9.2Dreamweaver8内置的动作和事件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在时间轴中加入行为9.1行为的概述行为——以某种方式完成的动作，在网页设计中通过行为可以实现浏览者

2、与计算机的人机交互。事件：是完成某一动作的具体方式；动作：指在浏览网页时可完成的一些特殊功能；在浏览带有行为的交互网页时，当某一事件被响应后便会触发执行相对应的动作。一个事件可以触发多个动作指定动作触发的先后次序对象行为附加在网页中为页面对象添加和修改行为，可使用【行为】面板。选择【窗口】

3、【行为】命令，或按Shift+F4快捷键，也可以单击状态栏中的按钮，便可打开【行为】面板。9.1.1行为面板及其使用方法事件列表显示设置事件显示所有事件添加行为删除行为行为先后次序调整按钮动作列表利用【行为】面板可在网页中添加、修改行为。给网页对象添加行为的

4、步骤如下。9.1.2添加和修改行为（1）选中网页中的一个对象，该对象可以是图像、文本或层。（2）选择【窗口】

5、【行为】命令，打开【行为】面板。（3）单击【行为】面板上的按钮，屏幕显示【动作】（Action）菜单。根据需要选择其中一种动作，并在对话框中设置该动作的参数。（4）选择【显示事件】命令，并在【显示事件】级联菜单中选择一种合适的浏览器。（5）在【事件】（Event）菜单中显示当前动作的默认事件，单击该事件后，【行为】面板的当前事件中会出现一个下拉三角形按钮，单击该下拉三角形按钮，屏幕显示【事件】级联菜单,可从该菜单选项中选择一种事件来代替

6、默认事件。网页中一个对象附加了行为后，可以根据需要利用【行为】面板修改触发动作的事件，添加、删除及修改动作的参数。9.1.3行为的简单应用例1设计制作一个符合下列要求的网页文件。（1）在网页中创建2个层，在层Layer1中插入图片1，在层Layer2插入图片2。（2）隐藏层Layer2。（3）在浏览该页面时，只显示层Layer1的图片1。当鼠标指向该图片时，显示图片2；移开鼠标时，隐藏图片2。layer1layer2◆插入层layer1和layer2，并在层中插入相应的图片；◆打开【层】面板，选中层Layer2，该层的属性设置为不可见。◆按快捷

7、键Shift+F4，打开【行为】面板。选中层Layer1，单击行为添加按钮，选择【显示-隐藏层】动作，在弹出的【显示-隐藏层】对话框中选中层Layer2，并单击【显示】按钮设置显示该层。单击【确定】按钮，【显示-隐藏层】的动作被添加到【行为】面板中。◆选中该行为，并单击事件列表中下三角形按钮，在菜单中选择事件【onMouseOver】，其意义为“鼠标指向对象”，表示当鼠标指在层Layer1上时，显示层Layer2。此时层Layer2中图像2被显示。◆给层Layer1添加【显示-隐藏层】的动作。在弹出的【显示-隐藏层】对话框中选中层Layer2，

8、并单击【隐藏】按钮设置隐藏该层。选择事件【onMouseOut】，其意义为“鼠标移去”，表示当鼠标从层Layer1上移去时，隐藏层Layer2。layer1例2双击层1，改变状态栏中显示的文字。例3拖动层。选中整个……Dreamweaver8中自带了很多动作，使用它们可以在网页中设计出各种效果。在本节中列出的动作是Netscape6.0、InternetExplorer6.0及以上版本支持的动作。在【行为】面板的【动作】菜单中各项的意义如下所述。9.2Dreamweaver8内置的动作和事件1【交换图像】：2【弹出信息

9、】：3【恢复交换图像】:通过改变IMG标记的SRC属性，改变图像。利用该动作可创建活动按钮或其他图像效果。可以很方便地在网页上显示带指定信息的JavaScript对话框。用于将在SwapImage动作中设置的后一张图片，恢复为前一张图片。此动作会自动添加在链接了SwapImage动作的对象中。4【打开浏览器窗口】：在触发该行为时打开一个新的浏览器窗口，并在新窗口中打开URL地址指定的网页。还可设置新窗口的尺寸，是否显示导航条、滚动条等属性。5【拖动层】：允许用户用该动作完成拖动层的操作。6【控制Shockwave或Flash】：利用该动作可控制

10、Shockwave或Flash动画的【播放】、【停止】、【倒带】或指定【前往帧】等操作。7【播放声音】：在网页中加入音乐。8【改变属性】：通过设定的动