js实现仿即时通信软件秀换装效果的方法

本文实例讲述了射流研究…实现仿即时通信软件秀换装效果的方法。分享给大家供大家参考。具体实现方法如下：

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' www。w3。org/1999/XHTML '标题仿即时通信软件秀换装效果/title meta http-equiv=' content-Type ' content=' text/html；charset=gb2312 '！-把下面代码加到头与/head之间-style # cs img { cursor : hand }/style base href=' http://wwwZZ天空。cn/效果/图片/QQ show/'/头身！-把下面代码加到身体与/body之间- !-在要显示形象预览的地方放置以下这句代码-div id=' body show ' style=' border :1 px solid # 000000；划水：0;相对位置：left : 0pxtop : 0pxhway : 226 px宽度： 140像素/div！-这是提交表单，把代表用户形象的字符串赋到隐藏域用户设备提交-表单名称='设备表单'方法=' post '操作='输入名称='用户设备'类型='隐藏'值='输入名称='保存设备'类型='提交'值='保存形象输入名称=“继续”类型='按钮'值='原始形象onclick=' shoi wit '(DFD DFD 0 ')；返回false'/formscript语言='JavaScript '！-var mye quip=' DFD DFD 0 '；//最初显示的配置码，可由服务器读取并输出功能shoiwit(装备){ //这个函数由配置码为参数，显示虚拟形象显示图层=设备。split(')；//以""为分隔符，分配各层图片名到一个数组显示图层[]str=' '；for(I=0；ishowlayers . lengthi){ if(showlayers[I]！='0 '显示图层[i]！=''){ //如果图片名为0或空值则该层不显示str=' img src=' '(I ^ 1)'/'显示图层[I]' .gif ' style=' padding:0位置：绝对；top:0left:0宽度：140;高度：226;z-index : '(I 1 ')；'';}}//最后在最上一层覆盖一幅完全透明的图片，这样用户在上面右链另存为也只能保存这幅图了：str=' img src='空白。gif ' style=' padd :0位置：绝对；top:0left:0宽度：140;高度：226;z指数：100;'';if(设备形式。用户设备)设备形式。用户设备。价值=我的妙语=设备；//把配置码赋值到隐藏域中bodyshow.innerHTML=str//显示各层图片。}//页面加载后先显示最初的虚拟形象：文档。尸体。onload=新功能(' shoi wit(我的妙语)')；函数dressit(layer，img){ //这个函数用于更换配置，参数为层数，图片名//事件。返回值=false显示图层=我的妙语。split(')；new equipment=for(I=0；ishowlayers . lengthi){ if(I 1==layer){ if(img==show layers[I])新装备=' df//如果该层已是这幅图片，则恢复为原始图片else newequip=img//否则换为这幅图}否则新装备=显示图层[I]；//其他层图片不变如果（我1!=showlayers。长度)新设备=' '；} shoi wit(新设备)；//显示最新配置}-/script script event=' onclick ' for=' cs ' var obj=event。加速；if(obj.tagName！='IMG ')返回；var vars=obj。src。匹配(/\/(\ d)\/(\ d)x \ .gif $/)；dressit(vars[1]，vars[2])；/script表格边框=' 0 '单元格间距=' 0 '单元格填充=' 0 ' id=' cs ' tr tdimg src=' http :4/1x。gif '/TD tdimg src=' http :4/2x。gif '/TD tdimg src=' http :4/3x。gif '/TD tdimg src=' http :4/4x。gif '/TD/tr tdimg src=' http :4/4x。gif '

运行效果如下图所示：

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。