Dreamweaver虚拟在线试衣室

2008-02-23 06:04:24来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


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

  


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

  


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

  


  


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

  


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

  


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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Dreamweaver教程:创建导航条

下一篇: 用HTC统一定制表单样式