Dreamweaver虚拟在线试衣室

时间： 2021-07-31 作者：daque

1.兴建四个层，放入相映图片，模特儿层的z-index值设为0。　　　

dreamweaver虚拟在线试衣室图1

　　2.把第一个层移到模特儿身上，找到衣物恰巧穿上时层的top和left值，记下来，而后再把第一个层移回从来的场合。　　　

dreamweaver虚拟在线试衣室图2

3.采用draglayer事变，并做相映的树立，如图所示，个中top和left的值即是第二步记下的值，snap if within的值不妨依照部分爱好设定，值越大，衣物越简单安置，普遍可设为50或100.第一件衣物树立结束。　　　

dreamweaver虚拟在线试衣室图3

dreamweaver虚拟在线试衣室图4

　　4.仿造第一件衣物实行其余两件的树立，辨别只在乎选的层各别。　　　

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

dreamweaver虚拟在线试衣室图5

　　好了，竣工，预览一下吧，是否很风趣:)

相关推荐