Dreamweaver虚拟在线试衣室

  • 来源: 中国IT实验室 作者: xuqingzhong   2008-05-31/14:25

  •  

      1.新建四个层,放入相应图片,模特层的z-index值设为0。




    2.把第一个层移到模特身上,找出衣服刚好穿上时层的top和left值,记下来,然后再把第一个层移回原来的地方。

        3.选用draglayer事件,并做相应的设置,如图所示,其中top和left的值就是第二步记下的值,snap if within的值可以按照个人喜好设定,值越大,衣服越容易放置,一般可设为50或100.第一件衣服设置完毕。

     



    4.仿照第一件衣服完成其他两件的设置,区别只在于选的层不同。




    5.把三件衣服draglayer的鼠标事件都选为onload.



    好了,完工,预览一下吧,是不是很有趣:)


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多