网页设计教程-第9章.ppt

9.2.2控制时间轴的行为利用【转到时间轴帧】动作，可以将使时间轴跳到某指定帧上。【时间轴】面板中的【循环】复选框的作用就是在动画的最后一帧上添加【转到时间轴帧】动作，使其跳到第一帧并重新开始动画。要使用【转到时间轴帧】动作，其具体操作如下。(1) 单击【时间轴】面板上行为通道中的第50帧。(2) 选择【窗口】|【行为】命令，打开【行为】面板。(3) 单击【行为】面板上的“+”按钮，并从如图9.12所示的动作菜单中选择【转到时间轴帧】命令，这时会打开如图9.16所示的对话框。(4) 在【时间轴】下拉列表中，可以选择需要添加行为的一条时间轴。然后在【前往帧】文本框中，输入帧名为“40”。(5) 如果希望【前往帧】和当前帧之间的时间轴部分产生循环，可以在【循环】文本框中输入循环的次数为“4”。(6) 单击【确定】按钮确定操作，查看默认事件是否是用户需要的事件OnFrame10。在对时间轴对象使用了【转到时间轴帧】动作后，保存文档后在浏览器中预览效果如图9.17所示。当打开这个网页后，动画层在运动到第50帧位置时，这时位置如图9.17(a)所示，然后转到第40帧的位置，这时位置如图9.17(b)所示，并重复4次。9.2.2控制时间轴的行为图9.16【转到时间轴帧】对话框9.2.2控制时间轴的行为(b)图9.17控制时间轴的播放2利用插件实现滑动的层1让层漂浮在窗口的固定位置9.3用插件实现层动画效果9.3用插件实现层动画效果插件可以用于拓展Dreamweaver的功能。在Dreaweaver中可以利用各种插件实现层的动画效果。比如：让层按照特殊的路径运动、让层漂浮在窗口的固定位置、制作精美的滚动看板、让层跟着鼠标运动、实现层的过渡效果等。这一节将介绍如何利用插件在Dreaweaver中实现几种层的动画效果。9.3.1让层漂浮在窗口的固定位置在Dreamweaver中，可以使用NirvanaFloatingLayer(漂浮在天堂的层)插件方便地制作漂浮在窗口固定位置的层。在任何情况下，该层都保持在窗口的固定位置。要使用NirvanaFloatingLayer插件，其具体操作如下。从网上下载NirvanaFloatingLayer.mxp文件，获得该插件。启动插件管理器，并安装NirvanaFloatingLayer.mxp插件，如图9.18所示为在插件管理器中安装好的NirvanaFloatingLayer.mxp插件。此插件是一个命令插件，重新运行Dreamweaver8，即可在【命令】菜单中看见NirvanaFloatingLayer命令。如图9.19所示，选择【命令】|NirvanaFloatingLayer命令。这时会出现如图9.20所示的对话框。9.3.1让层漂浮在窗口的固定位置图9.18安装NirvanaFloatingLayer.mxp插件9.3.1让层漂浮在窗口的固定位置图9.19选择NirvanaFloatingLayer命令9.3.1让层漂浮在窗口的固定位置图9.20PersistentScrollingLayer对话框9.3.1让层漂浮在窗口的固定位置在TopPosition(距离顶部位置)文本框中，输入需要层距离浏览器顶部占浏览器高度几分之一的分母数。比如，如果层位于距离浏览器顶部1/3处，则在文本框中输入“3”。单击YesPlease(请插入)按钮确定使用这个插件。在文档页面中拖动出现的层，确定层距离浏览器左边的位置。在层中添加内容。比如插入一张图像或是输入一些广告性的文本。123654不论浏览者拖动窗口的滚动条，还是改变浏览器的窗口大小，该层都保持在窗口的这个位置。图9.22所示为拖动滚动条后这个层的位置。在打开这个添加了NirvanaFloatingLayer插件的网页时，用户可以观察到这个层很快就垂直漂浮到距离浏览器顶部1/3处的位置，如图9.21所示。在文档中添加了NirvanaFloatingLayer插件，并在该插件的【属性】面板中设置好插件的属性后，用户可以在浏览器中预览固定于滚动条的层的效果。9.3.1让层漂浮在窗口的固定位置图9.21打开页面时固定在滚动条的层9.3.1让层漂浮在窗口的固定位置图9.22拖动滚动条后固定在滚动条的层在Dreamweaver中可以使用SlideLayer(滑动层)插件方便地实现层在网页页面中的滑动效果。它比利用时间轴制作的滑动层动画更方便、更有趣。要使用LayerSlider(滑动层)插件，其具体操作如下。从网上下载flevSlideDiv23