Dreamweaver虚拟在线试衣室

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

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

【 tulaoshi.com - Web开发 】

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

  

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

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

   

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

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

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

  

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

       

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

来源:http://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基础
本教程的文字制作有点类似水墨字,不过过程要简单很多。只需要设好类似水墨感觉的画笔,在准备好的水雾背景上写上文字,后期修饰好细节等即可。 最终效果 1、打开素材,我们进行色相/饱和度调整,色相10,饱和度35。 2、执行图象--调整--去色。 3、图象--图象大小,我们将图象改为600*450.拉入汽车素材图,改模式为叠加。 ...
每日新款试衣间怎么使用?   每日新款试衣间使用方法。网购服装最大的问题就是不能试穿,完全靠想象。而每日新款上的虚拟试衣间功能刚好解决了这一问题,虽然可以选择的服装不多,但是万万还是蛮有意思的。现在就随小编一点看看每日新款试衣间使用方法吧。 1)下载并打开,进入界面后点击下方中间的,然后找到并点击。 ...
每日新款试衣间怎么用?   最近流行一款软件,用户们只要上传自己面部正面照就可以无限试衣服,每日新款试衣间怎么用?下面小编为大家带来每日新款试衣间怎么拍照试衣教程。 1)下载并打开,进入界面后点击下方中间的,然后找到并点击。 2)挑选自己喜欢的衣服类型点击一下,下面有两种方案,跟,小编这里以为例,点击一下...

经验教程

628

收藏

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