| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 443 人关注过本帖
标题:新人寻求帮助-希望大家可以帮助!谢谢
只看楼主 加入收藏
liaosifeng
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2009-8-19
收藏
 问题点数:0 回复次数:2 
新人寻求帮助-希望大家可以帮助!谢谢
以下 是JavaScript的程序!访照QQ秀自动换装的一个效果!我把此段代码嵌入网站程序后,换装功能便失效了!大家可否把此段代码定义的文件路径和文件名修改成任意的文件名和文件路径-只要是img标记的任意图片都可以使用上换装效果这样就可以把他套用进网站程序更灵活了!希望大家可以帮帮忙!谢谢大家!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.
<html xmlns="www.
<head>
<title>中国站长天空-网页特效-综合特效-仿QQ秀换装效果</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style>
#cs img{cursor:hand}
</style>
<base href="http://www.
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<!-- 在要显示形象预览的地方放置以下这句代码 -->
<div id="bodyshow" style="border:1px solid #000000;padding:0;POSITION: relative; Left: 0px; TOP: 0px; HEIGHT: 226px; WIDTH: 140px;"></div>
<!-- 这是提交表单,把代表用户形象的字符串赋到隐藏域 userequip 提交 -->
<form name="equipform" method="post" action="">
<input name="userequip" type="hidden" value="">
<input name="saveequip" type="submit" value="保存形象" >
<input name="toreequip" type="button" value="原始形象" onclick="shoiwit('df>df>df>0');return false;" >
</form>
<script language="JavaScript">
<!--
var myequip="df>df>df>0"; //最初显示的配置码,可由服务器读取并输出。
function shoiwit(equip){ //这个函数由配置码为参数,显示虚拟形象
showlayers=equip.split('>'); //以“>”为分隔符,分配各层图片名到一个数组 showlayers[]
str="";
for(i=0;i<showlayers.length;i++){
if(showlayers[i]!='0'&&showlayers[i]!=''){ //如果图片名为0或空值则该层不显示。
str+="<img src='"+(i+1)+"/"+showlayers[i]+".gif' style='padding:0;position:absolute;top:0;left:0;width:140;height:226;z-index:"+(i+1)+";'>";
}
}
//最后在最上一层覆盖一幅完全透明的图片,这样用户在上面右链>另存为也只能保存这幅图了:
str+="<img src='blank.gif' style='padding:0;position:absolute;top:0;left:0;width:140;height:226;z-index:100;'>";
if(equipform.userequip) equipform.userequip.value=myequip=equip; //把配置码赋值到隐藏域中
bodyshow.innerHTML=str; //显示各层图片。
}
//页面加载后先显示最初的虚拟形象:
document.body.onload=new Function("shoiwit(myequip)");
function dressit(layer,img){ //这个函数用于更换配置,参数为 层数,图片名
//event.returnValue=false;
showlayers=myequip.split('>');
newequip="";
for(i=0;i<showlayers.length;i++){
if(i+1==layer){
if(img==showlayers[i]) newequip+="df"; //如果该层已是这幅图片,则恢复为原始图片
else newequip+=img; //否则换为这幅图
}
else newequip+=showlayers[i]; //其他层图片不变
if(i+1!=showlayers.length) newequip+=">";
}
shoiwit(newequip); //显示最新配置
}
-->
</script>
<script event="onclick" for="cs">
var obj=event.srcElement;
if(obj.tagName!="IMG")return;
var vars=obj.src.match(/\/(\d)\/(\d)x\.gif$/);
dressit(vars[1],vars[2]);
</script>
<table border="0" cellspacing="0" cellpadding="0" id="cs">
  <tr>
    <td><img src="4/1x.gif"></td>
    <td><img src="4/2x.gif"></td>
    <td><img src="4/3x.gif"></td>
    <td><img src="4/4x.gif"></td>
  </tr>
  <tr>
    <td><img src="3/1x.gif"></td>
    <td><img src="3/2x.gif"></td>
    <td><img src="3/3x.gif"></td>
    <td><img src="3/4x.gif"></td>
  </tr>
  <tr>
    <td><img src="2/1x.gif"></td>
    <td><img src="2/2x.gif"></td>
    <td><img src="2/3x.gif"></td>
    <td><img src="2/4x.gif"></td>
  </tr>
  <tr>
    <td><img src="1/1x.gif"></td>
    <td><img src="1/2x.gif"></td>
    <td><img src="1/3x.gif"></td>
    <td><img src="1/4x.gif"></td>
  </tr>
</table>
</body>
</html>
搜索更多相关主题的帖子: JS换装 
2009-08-19 20:42
liaosifeng
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2009-8-19
收藏
得分:0 
是不是我的问题太差劲了!坐等半小时了尽没有朋友回复我晕了
2009-08-19 21:04
java小朋友
Rank: 1
等 级:新手上路
帖 子:3
专家分:5
注 册:2009-8-20
收藏
得分:0 
不大懂
应该是有点难度吧
qq秀的宽和高都是固定的
缩放后图片会变形
那选择添加一个隐藏呢
2009-08-20 15:56
快速回复:新人寻求帮助-希望大家可以帮助!谢谢
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.031131 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved