Dreamweaver虚拟在线试衣室

jinbaiyi88

jinbaiyi88

2016-02-19 18:40

下面请跟着图老师小编一起来了解下Dreamweaver虚拟在线试衣室,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

   

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

  

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

       

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

展开更多 50%)
分享

猜你喜欢

Dreamweaver虚拟在线试衣室

Web开发
Dreamweaver虚拟在线试衣室

每日新款虚拟试衣如何使用?

手机软件 应用软件
每日新款虚拟试衣如何使用?

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

优衣库怎么使用虚拟试衣间?

手机软件 应用软件
优衣库怎么使用虚拟试衣间?

优衣库4D虚拟试衣间怎么用

手机软件 应用软件
优衣库4D虚拟试衣间怎么用

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

试衣镜如何保养?试衣镜的选购知识

收纳技巧 生活常识
试衣镜如何保养?试衣镜的选购知识

更衣室怎么装修设计

装修 设计
更衣室怎么装修设计

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

在VC中修改显示器的分辩率和色彩

在VC中修改显示器的分辩率和色彩

Dreamweaver制作网页小技巧汇集

Dreamweaver制作网页小技巧汇集
下拉加载更多内容 ↓