第二十三节 Timeline

Timeline是用来设置在特定的时间实现特定的效果。 使用Timeline,可在某时间用一个图像替换掉一个已存在的图像,也可在某时间改变层的位置、大小、可视性和Z值,还可在某时间调用Behavior的动作。

点击菜单栏的Window\Timeline,或直接使用快捷键Ctrl+F9,即弹出如图的Timeline面板。

(Timeline面板) Timeline用了帧这个这个概念。从一秒中抽出若干时间点,每个时间点的效果就叫 一帧。
在Fps后面填入一个数值,表示把一秒分成多少帧。一般使用15即可。
选中Autoplay前的选框,会弹出一个对话框,点击OK即可。这是设置页面一打开即自动播放这个Timeline。实际上,Autoplay是设置用Behavior的onLoad事件调用Paly Timeline动作。
选中Loop按钮,会弹出一个对话框,点击OK即可。这是设置这个Timeline循环播放。实际上,Loop是设置在Timeline最后一帧调用Paly Timeline动作。
面板下面部分可分为三个部分。中间有1、5等数字的尺状部分是帧标尺。用来描述帧数。 帧标尺上面的部分是添加Behavior的部分,将把添加的Behavior显示在这里。 帧标尺下面的部分是添加图像或层的部分,将把添加的图像和层显示在这里。

对层或图象使用Timeline,要将图象或Timeline拖入这个Timeline。

下面是一个Timeline使用的实例。
这个例子是层与Timeline配合使用,要求达到的效果是一辆车从页面左边开到右边,当开到右边时,出现文本“Danger!”。
这需要用到两个层。第一个层里加入含有车的图像。这个层在Timeline播放第一帧时,位于页面左方;在Timeline播放最后一帧时,这个层改变位置到页面右边。第二个层里加入文本“Danger!”。这个层一直设为不可视,在Timeline播放到最后一帧时,可视性改为可视。

先在Dreamweaver主窗口左方画一个层,往这个层中加入一个含有车的图像。点击这个层的边框,选中这个层。在层的Properties面板上的Layer ID下面填入给这个层的命名。这里,我们将它命名为a。 然后在Dreamweaver主窗口右方画一个层,往这个层中写入文本“Danger!”,设置好这个文本的大小、颜色等各种属性。 点击这个层的边框,选中这个层。在层的Properties面板上的Layer ID下面填入给这个层的命名。这里,我们将它命名为b。 点击菜单栏的Window\Timeline,或使用快捷键Ctrl+F9,打开Timeline面板。 将层a和层b都拖入Timeline面板,如下图所示。这时,面板上多出a和b两项。

(对例子中Timeline第一帧的设置) 点击层b的边框,选中层b。
在层b的Properties面板上,选择Vis后下拉选框的hidden选项。这样,层b的可视性被设为不可视。
Timeline开始的第一帧设置完毕。 点击Timeline面板帧标尺上数字15的位置,即可对Timeline最后一帧进行设置。
点击Timeline面板上b这一项,这时本来不可视的层b在Dreamweaver主窗口上被显示出来。在层b的Properties面板上,选择Vis后下拉选框的visible选项。层b的可视性被改为可视。
在Dreamweaver主窗口上拖动层a至窗口右方。层b的位置被从页面左边改变到右边。
这时的设置可见下图所示。

(对例子中Timeline最后一帧的设置)
为了让这个Timeline在页面一打开就能播放,应选中Autoplay前的选框。如果想让这个Timeline循环播放,选中Loop前的选框即可。
至此,设置完毕,达到了例子的要求。

Dreamweaver对制作动态的层效果提供了强大的支持。只要你能想到的,就能用Dreamweaver做出来。剩下的事情,就是好好的发挥你的想象力。

时间: 2024-09-22 09:04:19

第二十三节 Timeline的相关文章

[ExtJS5学习笔记]第二十三节 Extjs5中表格gridpanel的列格式设置

官方文档: http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.grid.column.Date 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ 在使用表格的时候,我们默认都是加载一些文本文字,

Scala入门到精通——第二十三节 高级类型 (二)

本节主要内容 中置类型(Infix Type) 存在类型 函数类型 抽象类型 关于语法糖的问题,在讲解程序语言时,我们常常听到"语法糖"这个术语,在百度百科中,它具有如下定义: 语法糖(Syntactic Sugar),也叫糖衣语法, 是英国计算机科学家彼得·约翰·兰达(Peter J. Landin)发明的一个术语. 指的是,在计算机语言中添加某种语法, 种语法能使程序员更方便的使用语言开发程序, 同时增强程序代码的可读性,避免出错的机会:但是这种语法对语言的功能并没有影响. 例如,

第十三节--对象串行化 -- Classes and Objects in PHP5 [13]

object|php5|对象 +-------------------------------------------------------------------------------+| = 本文为Haohappy读<<Core PHP Programming>> | = 中Classes and Objects一章的笔记 | = 翻译为主+个人心得 | = 为避免可能发生的不必要的麻烦请勿转载,谢谢 | = 欢迎批评指正,希望和所有PHP爱好者共同进步! +-------

[你必须知道的.NET]第二十六回:认识元数据和IL(下)

书接上回: 第二十四回:认识元数据和IL(上) , 第二十五回:认识元数据和IL(中) 我们继续. 终于到了,说说元数据和IL在JIT编译时的角色了,虽然两个回合的铺垫未免铺张,但是却丝毫不为过,因为只有充分的认知才有足够的体会,技术也是如此.那么,我们就开始沿着方法调用的轨迹,追随元数据和IL在那个神秘瞬间所贡献的力量吧 5 元数据和IL在JIT编译时 CLR最终执行的只有本地机器码,所以JIT编译的作用是在运行时将IL代码解析为机器码执行.对于JIT编译,我们会以专门的篇幅来全面了解,本文只

[你必须知道的.NET]第二十五回:认识元数据和IL(中)

书接上回[第二十四回:认识元数据和IL(上)],我们对PE文件.程序集.托管模块,这些概念与元数据.IL的关系进行了必要的铺垫,同时顺便熟悉了以ILDASM工具进行反编译的基本方法认知,下面是时候来了解什么是元数据,什么是IL这个话题了,我们继续. 很早就有说说Metadata(元数据)和IL(中间语言)的想法了,一直在这篇开始才算脚踏实地的对这两个阶级兄弟投去些细关怀,虽然来得没有<第一回:恩怨情仇:is和as>那么迅速,但是Metadata和IL却是绝对重量级的内容,值得我们在任何时间关注

通向架构师的道路(第二十六天)漫谈架构与设计文档的写作技巧

前言: 这篇是一篇番外篇,没有太多代码与逻辑,完全是一种"软"技巧,但是它对于你如何成为一名合构的架构设计人员很重要. 在此要澄清一点,架构师本身也是"程序员",不是光动嘴皮子的家伙们,如果你不是一名程序虽出身那你根本谈不上也不可能成为一名架构师. 那么架构师还有哪些是作为一名程序员来说不具备的呢? 其中有一项能力就叫做"文档写作能力". 一.Soft Skill与Hard Skill 作为一名架构师除了是一名资深的程序员外,它还必须具有相应的S

python 教程 第二十二章、 其它应用

第二十二章. 其它应用 1)    Web服务 ##代码 s 000063.SZ ##开盘 o 26.60 ##最高 h 27.05 ##最低 g 26.52 ##最新 l1 26.66 ##涨跌 c1 -0.04 ##涨幅 p2 -0.15% ##总手 v 9190865 ##日期 d1 6/15/2011 ##时间 t1 3:00am #!/usr/bin/env python from time import ctime from urllib import urlopen import

经典算法题每日演练——第二十二题 奇偶排序

原文:经典算法题每日演练--第二十二题 奇偶排序   这个专题因为各种原因好久没有继续下去了,MM吧...你懂的,嘿嘿,不过还得继续写下去,好长时间不写,有些东西有点生疏了, 这篇就从简单一点的一个"奇偶排序"说起吧,不过这个排序还是蛮有意思的,严格来说复杂度是O(N2),不过在多核的情况下,可以做到 N2 /(m/2)的效率,这里的m就是待排序的个数,当m=100,复杂度为N2 /50,还行把,比冒泡要好点,因为重点是解决问题的奇思妙想.     下面我们看看这个算法是怎么描述的,既

第十三节--对象串行化_php基础

/* +-------------------------------------------------------------------------------+ | = 本文为Haohappy读<<Core PHP Programming>>  | = 中Classes and Objects一章的笔记  | = 翻译为主+个人心得  | = 为避免可能发生的不必要的麻烦请勿转载,谢谢  | = 欢迎批评指正,希望和所有PHP爱好者共同进步!  | = PHP5研究中心: