第二页：Timeline

　　点击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时，多注意一下你的页面的表，因为我们将在后面对它进行定制。 >>

　　第一页 JavaScript
　　第二页 Timeline
　　第三页 定制

　　[ 第1天 ][ 第2天 ][第3天]

茶博士 和 纸老虎
©矫龙网络 版权所有