一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > Dreamweaver

推荐专题

最新下载

热门教程

Dreamweaver虚拟在线试衣室

时间：2022-07-02 13:40:02 编辑：袖梨 来源：一聚教程网

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

　　　




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

　　　

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

　　　

 



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

　　　




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

　　　　　　　



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

<

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:[email protected] 我们24小时内处理