Dreamweaver虚拟在线试衣室

2016-02-19 18:40 6 1 收藏

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

【 tulaoshi.com - Web开发 】

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

  

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

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

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

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

   

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

  

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

       

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

来源:https://www.tulaoshi.com/n/20160219/1618586.html

延伸阅读
标签: Web开发
安装 Dreamweaver 8 本节介绍如何安装 Dreamweaver。 若要安装 Dreamweaver,请执行以下操作: 将 Dreamweaver CD 插入计算机的 CD-ROM 驱动器。 执行下列操作之一: 在 Windows 中,Dreamweaver 安装程序将自动启动。 在 Macintosh 中,请双击桌面上出现的 Dreamweaver 安装程序图标。 按照屏幕上...
标签: Web开发
在互联网络高速发展的今天,有很多网虫都把“家”安在了网上。这样大家对DREAMWEAVER都不陌生, 怎样才能用好DREAMWEAVER呢?在这里我要向大家介绍几种DREAMWEAVER的技巧: 1)仅仅拷贝文字 当我们从Dreamweaver中拷贝文字到另一个应用程序的时候,HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl - C来拷贝, 如果在拷贝...
标签: PS效果 PS PS基础
本教程的文字制作有点类似水墨字,不过过程要简单很多。只需要设好类似水墨感觉的画笔,在准备好的水雾背景上写上文字,后期修饰好细节等即可。 最终效果 1、打开素材,我们进行色相/饱和度调整,色相10,饱和度35。 2、执行图象--调整--去色。 3、图象--图象大小,我们将图象改为600*450.拉入汽车素材图,改...
每日新款试衣间怎么用?   最近流行一款软件,用户们只要上传自己面部正面照就可以无限试衣服,每日新款试衣间怎么用?下面小编为大家带来每日新款试衣间怎么拍照试衣教程。 1)下载并打开,进入界面后点击下方中间的,然后找到并点击。 2)挑选自己喜欢的衣服类型点击一下,下面有两种方案,跟,小编这里以为例,点击一下...
面试过程中,第一印象往往很重要,考官能从你的着装就大概知道你平时怎样的一个人。细节往往决定一切,不要以为只有女生要注意这方面,男士也要知道,下面几条注意事项提供给要面试的男士参考。 男士面试衣着注意事项有哪些 一、简单款的皮带 皮带的颜色以黑色为最保险,皮带不宜过大、过亮,也不要有过多的花纹和图案。 ...

经验教程

425

收藏

97
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部