Dreamweaver虚拟在线试衣室- Dreamweaver

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

Dreamweaver: Dreamweaver MX进阶教程（十八）使用css样式制作细线表格; Dreamweaver MX进阶教程（二十二）制作反馈表单（email发送）; Dreamweaver MX进阶教程（二十）使用一象素透明图像固定单元格宽度; Dreamweaver MX进阶教程（十一）使用“层”布局网页; Dreamweaver MX进阶教程（十四）使用server-side include（服务器端包括）; Dreamweaver MX进阶教程（十五）插入具有辅助功能的表格; Dreamweaver MX进阶教程（十九）防止英文字符撑破表格; Dreamweaver MX进阶教程（十七）设置表格的属性; Dreamweaver MX进阶教程（十二）在居中页面使用层; DW MX 设计留言本实战(1); DW MX 设计留言本实战(4); DreamWeaver,经典50问(9); DreamWeaver,经典50问(8); DreamWeaver,经典50问(7); DreamWeaver,经典50问(3); DreamWeaver,经典50问(10); DreamWeaver,经典50问(4); DreamWeaver,经典50问(6); 巧用背景颜色和间距快速制作出细边线表格; DW MX 2004代码编辑新功能

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-23 浏览: 36 ::

收藏到网摘: n/a

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

　　　

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

　　　

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

　　　

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

　　　

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

　　　　　　　

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