• 丰搜首页
• 文档中心
• 视频中心
• 丰搜贴吧
• 问题集锦
• 更多功能

选择显示字体大小

• 最大
• 较大
• 标准

golive5.0教程（六十）

　　为了定义浮动框场景，就需要在timeline editor中放置keyframes，每一个keyframes的位置都将以文档窗口的左上角来参考定位，这就是说场景中浮动框的位置也是相对于文档窗口的左上角而言的。

图11 向右方拖动time cursor

　　步骤二、参见图11与图12，向右拖动time cursor(时间光标)至timeline bar(时间线条)上的某秒钟处。

　　                                                                  图12 单击此处

　　步骤三、单击图7-34中手势所指处的time track，以便对上面创建的第二个浮动框，即plane floating box进行设置。

完成这一步操作后，原先位于上方的time track指针将移至新的位置图。此外，操作时还应注意一个浮动框对应于一条time track，而当前设置操作则仅作用于该指针所在处的浮动框，即当前time track。

　　步骤四、按住下键盘上的ctrl键后，参见图13单击靠time cursor稍右的地方，以便在此添加一个key frame，即定义结束帧。

　　                                                                  图13 单击此处

　　这一步操作所创建的keyframe将用于场景的结束帧，并且将自动成为当前keyframe。当前keyframe在time track条中将由一个粗线方框包围着，与dreamweaver 3/4等软件一样，场景的开始帧已由golive 5自动定义好并显示在time track条中开始处，float box的开始位置由前面的操作确定，因此场景的开始帧与结束帧就定义好了，接下来若定义好浮动框的结束位置，就将设计并制作好一小段动画场景。不过，动画的轨迹将是一条直线，这也是golive 5的默认设置，若要修改它的话还需要在浮动框的inspector面板中做些别的操作。

　　上面的操作说明，应用浮动框的主要目的就是创建动态web页面。动态web页面的范围很广，这里所创建的动画场景仅是其中的一部分。在同一个web页面的动画场景中，要移动多个物件，就应当使用多个浮动框，golive 5也将按您插入顺序收藏它们，一旦在timeline editor中制定好了time tracks，它们就将在动画场景中按各自的动画场景轨迹移动起来。对于初学者来说，应当注意到复杂的动画场景对web浏览器的浏览速度影响将会是很大的，甚至可能慢得让人难以接受。

　　最后说一句，较高z-index值的浮动框将显示在较低z-index值的浮动框前面。例如，z-index值为2的浮动框就将显示在z-index值为1的浮动框前。在默认状态下，浮动框将按标准的html流程重叠，并受golive　5的布局网格位置限制。

 

关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

标准 网站致力的规范