当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver虚拟在线试衣室

Dreamweaver
用Dreamweaver设计限时自动关闭网页
DreamweaverMX制作导航下拉菜单
用Dreamweaver MX创造网页鼠标样式
巧用Dreamweaver MX制作阴影字
十六则Dreamweaver使用快技法
用Dreamweaver MX制作文字特效
妙用dw图层与表格进行网页布局
巧用Dreamweaver制作复杂图像
巧用Dreamweaver MX控制页面元素
用Dreamweaver实现飘浮光球特效
巧用Dreamweaver4文件库更新网站
用Dreamweaver4添加背景音乐及制作动态字
用Dreamweaver 4.0编制会议通知
妙用DreamweaverMX共享WPS Office文件
妙用Dreamweaver MX共享Word XP文件
巧用Dreamweaver MX共享Execl XP文件
用Dreamweaver MX制作导航下拉菜单
DreamweaverMX Ultradev探索:技巧荟萃
在网页中显示可拖动月历
Dreamweaver制作技巧四则

Dreamweaver虚拟在线试衣室


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 27 ::
收藏到网摘: n/a

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

   




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

   

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

   

 



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

   




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

       



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