Dreamweaver虚拟在线试衣室

作者:无意 来源:无意空间 时间:2009-07-05 18:54:00 

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


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

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

 


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


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


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

标签:Dreamweaver,图片
0
投稿

猜你喜欢

  • 用JavaScript脚本实现的图灵机

    2009-01-21 18:10:00
  • 怎样设计"帮助"最有效?

    2008-04-12 14:18:00
  • ASP返回某年总共有多少天的代码

    2012-12-04 20:36:30
  • 分步启动数据库以重命名数据文件

    2009-03-25 12:33:00
  • 网站设计配色方案教程

    2007-10-10 19:38:00
  • js弹出新窗口而不会被浏览器阻止的方法

    2010-04-06 12:38:00
  • Google的设计导引

    2008-04-06 14:18:00
  • SqlServer 基础知识 数据检索、查询排序语句

    2011-11-03 16:46:12
  • SQL SERVER 日志已满的处理方法

    2010-07-31 13:32:00
  • asp查询xml的代码 不刷新页面查询的方法

    2011-04-06 11:00:00
  • Windows Server 2003 服务器安全设置--防火墙篇

    2010-07-22 22:45:00
  • ASP 根据用户权限判断显示的列标题

    2011-03-29 11:01:00
  • 用Dreamweaver MX巧妙格式化表格

    2008-03-18 16:39:00
  • 使用模板实现ASP代码与页面分离

    2008-09-12 16:07:00
  • 十个简单好用的设计技巧[译]

    2009-04-08 12:56:00
  • ASP中Cache技术的应用

    2007-09-28 12:41:00
  • Data URI小试 —— 在旺旺点灯(JS)上的应用

    2009-10-30 18:28:00
  • 让网站容易被发现

    2009-04-20 20:35:00
  • 中国传统色彩名录

    2007-11-29 18:36:00
  • SQL Server TEXT、NTEXT字段拆分的问题

    2008-10-26 12:28:00
  • asp之家 网络编程 m.aspxhome.com