·建站首页 ·钻石 ·繁體
您的位置: 中国建站之家 -> 工具应用 -> DreamWeaver -> Dreamweaver使用Timeline

Dreamweaver使用Timeline

作者:未知  来源:转载  发布时间:2005-8-1 16:41:45  发布人:acx

点击Launcher上的图标然后在Window菜单中选择Timeline
(或按F9)。如果你熟悉Macromedia的Director或Flash,你应
该没问题。

在很多方面,Dreamweaver Timeline与你在其它程序中发现的
相似:有装载action的behavior channel和放置对象的其
它channel。与Director或Flash不同的是,Dreamweaver
Timeline只是一堆复杂的Javascript,这是不把页面送到浏览
器而预览页面变化的唯一方式。

只有layer和图像可以放在Dreamweaver Timeline中,只有
layer可被确定位置。创建一个layer,然后把它从文档窗口拖
放到Timeline工具条上。出现在Timeline上的对象是一个符
号:有两个圆圈的线段。

圆圈代表关键祯,表示发生在对象上的时间。Dreamweaver可以
在这两个关键祯之间“tween”图像(即,创建一系列从第一幅
到第二幅图像渐变的图像)。可以在每个关键祯为Layer改变
值(但是要保持跨平台的兼容性,只能改变Layer的left、top
和visibility属性)。虽然Dreamweaver允许改变Layer的宽
度,但尽量别那么做,因为这种改变只在IE中可见。为了增加
交互性,点击你要改变的祯,然后点击被选的单元格。在这儿
可以控制Timeline操作。也可以增加或删除另一个关键祯或对
象(或更多的Timeline)。试试移动对象。选择Timeline对
象,可以看到图像沿着左上角路径的运动。

在不同的地方修改Layer会有一些差别。如果你完全在Timeline
之外修改它,对象将具有页面装载时的属性。如果你通过点击
非关键祯部分选中Timeline中的整个对象,图像在Timeline的
整个过程中都被改变。在Timeline中选一个关键祯,只有那祯
被改变,但是前面的祯会渐变到它。

要运行Timeline,需要用Play Timeline action在事件中调
用它。你也可以用一个action停止Timeline或到达Timeline的
一个特定点。最常用的功能 - 在装载时运行Timeline然后循环
播放Timeline - 作为Autoplay和Loop核选框内置在Timeline工
具条中,可以对每个Timeline组进行设置和清除。

不仅可以在Timeline中放置layer对象,而且可以在页中有多
个Timeline。用相关的菜单增加新的Timeline。对于新加的
Timeline,可以让其中的图像做完全不同的事情。在第一个
Timeline的最后一个单元格,用Play Timeline action选择新
的Timeline。你可以通过这样放置Timeline实现复杂的行为。
为了试试多个Timeline叠加的效果,可以看看我为Seybold做
的screensaver(警告:有些浏览器可能不能正确显示)。

这个屏幕保护也提供了一个在dHTML中使用一般的、灵活的
Javascript代码会出现的问题的例子:在没有图像的情况下,
HTML和Javascript达到56KB。因为Timeline记录了所有的运动
信息,你将得到大块的

代码:

document.MM_Time[18][0].values[0] = new
Array(592,566,
541,516,495,477,462,453,440,427,406,389,371,351,332,316,
302,317,327,326,306,310,316,300,287,272,257,241,224,206,
188,169,151,133,116,100,90,84,82,81,81,82,82,83,83,83,
82,79,71,59,49,40,28,11,-180,648,687,655,623,592);

这代表了对象运动的路径,还有一个layer的属性的值。单元格
越多,Timeline存储的信息越多,页面越大。

试着用Timeline创建一个动画。你也可以用Dreamweaver装载我
的屏幕保护程序,然后修改之。

当你用Dreamweaver时,多注意一下你的页面的表现,因为我们
将在后面对它进行定制。

将本文收藏到QQ书签与更多好友分享

上一篇:Dreamweaver分帧结构页面及表格

下一篇:Dreamweaver使用BEHEVIOR