提到Dreamweaver里的时间线,许多朋友可能都会想到不断漂浮的层,其实它还有许多用途的,下面的在线虚拟试衣室也是由时间线创意而来,只要几分钟的学习,你完全可以在学会制作的同时对时间线的使用有所体会。 下面介绍具体的制作过程:
1、建立四个层,把图片放入层中。并把放模特层的z-index值设为0(避免衣服跑到模特后面)。


4、选中第5帧,把层拖到模特身上。
5、选中层中的衣服图片,建立空连接###。


7.前往帧设为5。

8、把事件改为onClick。

9、重复步骤6,前往帧设为1。

10、事件设为onDblClick。ok,第一件衣服的动作就设好了,按F12预览一下吧

11、接下来为第二件衣服添加动作。先添加一新的时间轴。

12、选中第二个层,添加到新建的时间轴中。

13、重复步骤3-7,并注意此时动作时间轴选Timeline2。
接下来的步骤和第一件衣服一样,更改鼠标事件为onclik,再添加onDblclick事件... 第二件衣服也完工了。第三件衣服的方法和第二件同,这里就不再赘述了。
现在,相信你应该做出来了,是不是一点不难?而且让你又学会了时间线的另一种用途,哈,开动脑筋,有创意就会有所得。