用Dreamweaver做在线试衣

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

提到Dreamweaver里的时间线,许多朋友可能都会想到不断漂浮的层,其实它还有许多用途的,下面的在线虚拟试衣室也是由时间线创意而来,只要几分钟的学习,你完全可以在学会制作的同时对时间线的使用有所体会。 下面介绍具体的制作过程:

1、建立四个层,把图片放入层中。并把放模特层的z-index值设为0(避免衣服跑到模特后面)。

2、选中第一个层,点击鼠标右键选择“添加到时间轴”。 3、把时间轴减少到5帧。

4、选中第5帧,把层拖到模特身上。

5、选中层中的衣服图片,建立空连接###。

6、为该空连接建立“转到时间轴帧”的动作。

7.前往帧设为5。

8、把事件改为onClick。

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

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

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

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

13、重复步骤3-7,并注意此时动作时间轴选Timeline2。

接下来的步骤和第一件衣服一样,更改鼠标事件为onclik,再添加onDblclick事件... 第二件衣服也完工了。第三件衣服的方法和第二件同,这里就不再赘述了。

现在,相信你应该做出来了,是不是一点不难?而且让你又学会了时间线的另一种用途,哈,开动脑筋,有创意就会有所得。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航