javascript 实现 QQshow

============思路============
1、首先想到,在展示形象的div中,一定要将裤子、衣服、头发和头饰的图片分别放在不同的层(这可以用z-index标记)。因为头饰要盖住头发,头发要盖在衣服上,衣服的下沿也要盖住裤头。
2、各种衣物如何在div中定位?可以在制作图片时就定好位置,图片尺寸与div相同,该有东西的地方放上东西,程序中不须再处理。
3、如何穿脱衣服?可以在div中创建四个<img>,它们大小一样,但处于不同的层。分别装裤子、衣服、头发和头饰。当试穿衣物A时,就将相应img的src改为A的图片地址。这样原来穿着的衣服就自动没有了,不用再写脱衣服的函数,但如果原本就穿着衣物A,则要将相应的img的src改为初始时的图片。
4、3中提到的衣物A与相应的img如何联系起来呢?可以将衣物抽象为Clothes类,它有layer属性和image属性和putOn()方法。
trousers,jacket,hair,headwear是它的实例,这样,如果需要换裤子,则调用trousers.putOn("A"),函数就会去修改对应于裤子的img。
============说明=============
程序中没有写“保存形象”的方法,如果要保存形象,需要form提交相关数据到服务器端,服务器端将结果保存在数据库中,这样的话下次浏

览该页面或刷新该页面的的时候读取数据库中的信息,然后就可以看到新的形象了。
============代码=============

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值