• 当前位置:首页>>DreamWeaver教程>>DreamWeaver应用实例>>用Dreamweaver做在线试衣
  • 用Dreamweaver做在线试衣

  • 提到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事件... 第二件衣服也完工了。第三件衣服的方法和第二件同,这里就不再赘述了。

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

     

    [1]

  • 上一篇:可控制的滚动新闻
    下一篇:使网页随浏览器伸展