图片动态叠加/变化如何做？

www.cncgame.com 他们分了32层
人体分为上部，下部，头发，身体，每部分分为男女
每部分指定其层数<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0047)http://www.cncgame.com/candyavt/AvatarLayer.php -->
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<LINK href="AvatarLayer.files/Avatar.css" rel=stylesheet>
<SCRIPT language=javascript src=""></SCRIPT><SCRIPT language=javascript src="AvatarLayer.files/Avatar.js"></SCRIPT><META content="MSHTML 6.00.2800.1276" name=GENERATOR></HEAD>
<BODY leftMargin=0 topMargin=0>
<TABLE height=292 cellSpacing=1 cellPadding=0 width=152 border=0>
  <TBODY>
  <TR>
    <FORM name=AvtMaker action="" method=post target="">
    <TD id=AvtTbl style="LEFT: 0px; VISIBILITY: visible; POSITION: relative; TOP: 0px" width=152 height=292>
  <!-- ·&sup1;&Agrave;&Igrave;&frac34;&icirc; &Agrave;&ucirc;&iquest;&euml; &ordm;&Icirc;&ordm;&ETH; -->
      <DIV id=HideLyr style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; Z-INDEX: 1000; FILTER: alpha(opacity=100); VISIBILITY: visible; BORDER-LEFT: 0px; WIDTH: 152px; BORDER-BOTTOM: 0px; POSITION: absolute; HEIGHT: 292px">
      <TABLE height=292 cellSpacing=0 cellPadding=0 width=152 bgColor=white border=0>
        <TBODY>
        <TR>
          <TD vAlign=center align=middle>
    <IMG src="AvatarLayer.files/my_img_075.gif">
  </TD>
</TR>
</TBODY>
  </TABLE>
  </DIV>   <IMG class=L000 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[0] width=152 height=292> 
  <IMG class=L001 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[1]> 
  <IMG class=L002 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[2]> 
  <IMG class=L003 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[3]> 
  <IMG class=L004 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[4]> 
  <IMG class=L005 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[5]> 
  <IMG class=L006 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[6]> 
  <IMG class=L007 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[7]> 
  <IMG class=L008 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[8]> 
  <IMG class=L009 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[9]> 
  <IMG class=L010 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[10]> 
  <IMG class=L011 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[11]> 
  <IMG class=L012 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[12]> 
  <IMG class=L013 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[13]> 
  <IMG class=L014 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[14]> 
  <IMG class=L015 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[15]> 
  <IMG class=L016 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[16]> 
  <IMG class=L017 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[17]> 
  <IMG class=L018 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[18]> 
  <IMG class=L019 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[19]> 
  <IMG class=L020 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[20]> 
  <IMG class=L021 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[21]> 
  <IMG class=L022 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[22]> 
  <IMG class=L023 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[23]> 
  <IMG class=L024 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[24]> 
  <IMG class=L025 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[25]> 
  <IMG class=L026 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[26]> 
  <IMG class=L027 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[27]> 
  <IMG class=L028 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[28]> 
  <IMG class=L029 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[29]> 
  <IMG class=L030 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[30]> 
  <IMG class=L031 id=AvtImg src="AvatarLayer.files/trans.gif" border=0 name=Layer[31]> 
  

解决方案 »

  1.   

    <!-- ·&sup1;&Agrave;&Igrave;&frac34;&icirc; &Agrave;&ucirc;&iquest;&euml; &sup3;&iexcl; -->
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[0]> 
          <INPUT id=NewItm type=hidden value=0 name=NI_Val[1]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[2]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[3]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[4]> 
          <INPUT id=NewItm type=hidden value=0 name=NI_Val[5]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[6]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[7]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[8]> 
          <INPUT id=NewItm type=hidden value=0 name=NI_Val[9]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[10]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[11]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[12]> 
          <INPUT id=NewItm type=hidden value=0 name=NI_Val[13]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[14]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[15]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[16]> 
          <INPUT id=NewItm type=hidden value=0 name=NI_Val[17]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[18]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[19]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[20]> 
          <INPUT id=NewItm type=hidden value=0 name=NI_Val[21]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[22]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[23]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[24]> 
          <INPUT id=NewItm type=hidden value=0 name=NI_Val[25]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[26]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[27]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[28]> 
          <INPUT id=NewItm type=hidden value=0 name=NI_Val[29]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[30]> 
      <INPUT id=NewItm type=hidden value=0 name=NI_Val[31]> 
      <INPUT type=hidden value=1824012094 name=UserKey> 
      <INPUT type=hidden value=1824029983110c name=UserVal> 
      <INPUT type=hidden name=MergeType> 
      <INPUT type=hidden name=LastImgList> 
      <INPUT type=hidden name=LastCType> 
      <INPUT type=hidden name=LastSex> 
      <INPUT type=hidden name=MyFIList>
      </TD>
      </FORM>   <IFRAME id=activate border=0 name=activate src="about:blank" frameBorder=0 noResize width=1 scrolling=no height=1></IFRAME> </TR>
       </TBODY>
      </TABLE><SCRIPT language=JavaScript>
    var obj = document.AvtMaker;
    var UserSex, NowSex, UserCType, NowCType;var OneSexAvt = new Array();
    var OneSexAvtList = new Array();
    var OtherSexAvt = new Array();
    var OtherSexAvtList = new Array();
    var TMP_MY_FI = new Array();
      

  2.   

    var MBodyImg = new Image;
    var FBodyImg = new Image;
    var MTopImg = new Image;
    var FTopImg = new Image;
    var MBtmImg = new Image;
    var FBtmImg = new Image;
    var HairAImg = new Image;
    var HairBImg = new Image;var MergeVal = 1;
    var TotalLyr = 32;
    var BodyLyr = "06";
    var SuitsLyr = "12";
    var TopLyr = "11";
    var BtmLyr = "10";
    var HairALyr = "22";
    var HairBLyr = "04";var AVT_ROOT = "/img/avatar";var UserExist="Y";var BlankImg = new Image;var PC_DIR = new Array("", "male", "female", "unisex", "basic");
    var SPTO = new Array(3, 4, 6, 8, 9, 10, 11, 12, 19, 20, 21, 22, 23, 26);
    var SUTO = new Array(5, 7, 10, 11, 24, 25);
    var TBTO = new Array(5, 7, 12, 24, 25);
    var ACTO = new Array(5, 7, 24, 25);var ESPO = new Array(4, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 22);
    var SPPO = new Array(5, 7, 24, 25);
    var HRPO = new Array(4, 22);var MTopImgNo = "11100000";
    var MBtmImgNo = "11000000";
    var FTopImgNo = "21100000";
    var FBtmImgNo = "21000000";
    //var HairBImgNo = "42200001";
    //var HairAImgNo = "42200001";BlankImg.src="/img/avatar/trans.gif";MBodyImg.src = AVT_ROOT+"/"+PC_DIR[1]+"/"+BodyLyr+"/"+"10600001.gif";
    FBodyImg.src = AVT_ROOT+"/"+PC_DIR[2]+"/"+BodyLyr+"/"+"20600001.gif";MTopImg.src = AVT_ROOT+"/"+PC_DIR[1]+"/"+TopLyr+"/"+"11100000.gif";
    FTopImg.src = AVT_ROOT+"/"+PC_DIR[2]+"/"+TopLyr+"/"+"21100000.gif";MBtmImg.src = AVT_ROOT+"/"+PC_DIR[1]+"/"+BtmLyr+"/"+"11000000.gif";
    FBtmImg.src = AVT_ROOT+"/"+PC_DIR[2]+"/"+BtmLyr+"/"+"21000000.gif";//HairBImg.src = AVT_ROOT+"/"+PC_DIR[4]+"/"+HairALyr+"/"+"42200001_2.gif";
    //HairAImg.src = AVT_ROOT+"/"+PC_DIR[4]+"/"+HairALyr+"/"+"42200001_1.gif";
    var MY_FI = new Array(0, '0' , '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0', '0');var MyAvtRef = new Array('m', 'm', '1', '1');var MY_INFO = new Array(0, '0','0','0', '0', '0', '10600001', '0', '0','0','11000000','11100000','0','41300001','0','0','0','0','0','0','0','0','0','0','0',' 0','0','0','0','0','0','0');
    var MY_AVT = new Array();
    MY_AVT[0] = new Image; MY_AVT[0].src = '/img/avatar/trans.gif'
    MY_AVT[1] = new Image; MY_AVT[1].src = '/img/avatar/trans.gif';
    MY_AVT[2] = new Image; MY_AVT[2].src = '/img/avatar/trans.gif';
    MY_AVT[3] = new Image; MY_AVT[3].src = '/img/avatar/trans.gif';
    MY_AVT[4] = new Image; MY_AVT[4].src = '/img/avatar/trans.gif';
    MY_AVT[5] = new Image; MY_AVT[5].src = '/img/avatar/trans.gif';
    MY_AVT[6] = new Image; MY_AVT[6].src = '/img/avatar/male/06/10600001.gif';
    MY_AVT[7] = new Image; MY_AVT[7].src = '/img/avatar/trans.gif';
    MY_AVT[8] = new Image; MY_AVT[8].src = '/img/avatar/trans.gif';
    MY_AVT[9] = new Image; MY_AVT[9].src = '/img/avatar/trans.gif';
    MY_AVT[10] = new Image; MY_AVT[10].src = '/img/avatar/male/10/11000000.gif';
    MY_AVT[11] = new Image; MY_AVT[11].src = '/img/avatar/male/11/11100000.gif';
    MY_AVT[12] = new Image; MY_AVT[12].src = '/img/avatar/trans.gif';
    MY_AVT[13] = new Image; MY_AVT[13].src = '/img/avatar/basic/13/41300001.gif';
    MY_AVT[14] = new Image; MY_AVT[14].src = '/img/avatar/trans.gif';
    MY_AVT[15] = new Image; MY_AVT[15].src = '/img/avatar/trans.gif';
    MY_AVT[16] = new Image; MY_AVT[16].src = '/img/avatar/trans.gif';
    MY_AVT[17] = new Image; MY_AVT[17].src = '/img/avatar/trans.gif';
    MY_AVT[18] = new Image; MY_AVT[18].src = '/img/avatar/trans.gif';
    MY_AVT[19] = new Image; MY_AVT[19].src = '/img/avatar/trans.gif';
    MY_AVT[20] = new Image; MY_AVT[20].src = '/img/avatar/trans.gif';
    MY_AVT[21] = new Image; MY_AVT[21].src = '/img/avatar/trans.gif';
    MY_AVT[22] = new Image; MY_AVT[22].src = '/img/avatar/trans.gif';
    MY_AVT[23] = new Image; MY_AVT[23].src = '/img/avatar/trans.gif';
    MY_AVT[24] = new Image; MY_AVT[24].src = '/img/avatar/trans.gif';
    MY_AVT[25] = new Image; MY_AVT[25].src = '/img/avatar/trans.gif';
    MY_AVT[26] = new Image; MY_AVT[26].src = '/img/avatar/trans.gif';
    MY_AVT[27] = new Image; MY_AVT[27].src = '/img/avatar/trans.gif';
    MY_AVT[28] = new Image; MY_AVT[28].src = '/img/avatar/trans.gif';
    MY_AVT[29] = new Image; MY_AVT[29].src = '/img/avatar/trans.gif';
    MY_AVT[30] = new Image; MY_AVT[30].src = '/img/avatar/trans.gif';
    MY_AVT[31] = new Image; MY_AVT[31].src = '/img/avatar/trans.gif';var DefAvtRef = new Array('m', 'm', '1', '1');var BM_INFO = new Array(0,0,0,0,32200142,0,0,0,0,10900029,11000085,11100100,0,41300001,41400105,41500055,41600056,41700165,0,0,0,0,32200142,0,0,0,0,0,0,0,0,0);
    var BM_AVT = new Array();
    BM_AVT[0] = new Image; BM_AVT[0].src = '/img/avatar/trans.gif';
    BM_AVT[1] = new Image; BM_AVT[1].src = '/img/avatar/trans.gif';
    BM_AVT[2] = new Image; BM_AVT[2].src = '/img/avatar/trans.gif';
    BM_AVT[3] = new Image; BM_AVT[3].src = '/img/avatar/trans.gif';
    BM_AVT[4] = new Image; BM_AVT[4].src = '/img/avatar/unisex/22/32200142_2.gif';
    BM_AVT[5] = new Image; BM_AVT[5].src = '/img/avatar/trans.gif';
    BM_AVT[6] = new Image; BM_AVT[6].src = '/img/avatar/male/06/10600001.gif';
    BM_AVT[7] = new Image; BM_AVT[7].src = '/img/avatar/trans.gif';
    BM_AVT[8] = new Image; BM_AVT[8].src = '/img/avatar/trans.gif';
    BM_AVT[9] = new Image; BM_AVT[9].src = '/img/avatar/male/09/10900029.gif';
    BM_AVT[10] = new Image; BM_AVT[10].src = '/img/avatar/male/10/11000085.gif';
    BM_AVT[11] = new Image; BM_AVT[11].src = '/img/avatar/male/11/11100100.gif';
    BM_AVT[12] = new Image; BM_AVT[12].src = '/img/avatar/trans.gif';
    BM_AVT[13] = new Image; BM_AVT[13].src = '/img/avatar/basic/13/41300002.gif';
    BM_AVT[14] = new Image; BM_AVT[14].src = '/img/avatar/basic/14/41400105.gif';
    BM_AVT[15] = new Image; BM_AVT[15].src = '/img/avatar/basic/15/41500055.gif';
    BM_AVT[16] = new Image; BM_AVT[16].src = '/img/avatar/basic/16/41600056.gif';
    BM_AVT[17] = new Image; BM_AVT[17].src = '/img/avatar/basic/17/41700165.gif';
    BM_AVT[18] = new Image; BM_AVT[18].src = '/img/avatar/trans.gif';
    BM_AVT[19] = new Image; BM_AVT[19].src = '/img/avatar/trans.gif';
    BM_AVT[20] = new Image; BM_AVT[20].src = '/img/avatar/trans.gif';
    BM_AVT[21] = new Image; BM_AVT[21].src = '/img/avatar/trans.gif';
    BM_AVT[22] = new Image; BM_AVT[22].src = '/img/avatar/unisex/22/32200142_1.gif';
    BM_AVT[23] = new Image; BM_AVT[23].src = '/img/avatar/trans.gif';
    BM_AVT[24] = new Image; BM_AVT[24].src = '/img/avatar/trans.gif';
    BM_AVT[25] = new Image; BM_AVT[25].src = '/img/avatar/trans.gif';
    BM_AVT[26] = new Image; BM_AVT[26].src = '/img/avatar/trans.gif';
    BM_AVT[27] = new Image; BM_AVT[27].src = '/img/avatar/trans.gif';
    BM_AVT[28] = new Image; BM_AVT[28].src = '/img/avatar/trans.gif';
    BM_AVT[29] = new Image; BM_AVT[29].src = '/img/avatar/trans.gif';
    BM_AVT[30] = new Image; BM_AVT[30].src = '/img/avatar/trans.gif';
    BM_AVT[31] = new Image; BM_AVT[31].src = '/img/avatar/trans.gif';