高手救命？类似于3721拖动DIV的层问题？

Question

JS文件
function $(obj){
return typeof(obj) == "string" ? document.getElementById(obj) : obj;
}
var Cf=null,Dm={length:0},FF,Ds=Dz=null,H=X=Y=0;
if(navigator.appName=="Netscape"&&navigator.appVersion.indexOf("5.")>=0){
FF=true;
}else{
FF=false;
}
function gc(s){ //验证Cookies
var t=-1;
if(Cf!=null){
for(var i=0;i<Cf.length;i++){
if(s==Cf[i][0]){
t=i;
break;
}
}
}
return t;
}
function gd(s){ //验证DOM
var t=-1;
for(var i=0;i<Dm.length;i++){
if(s==Dm[i].id){
t=i;
break;
}
}
return t;
}
function sc(){ //保存设置
var t="",d=new Date();
if(Cf==null){
d.setTime(d.getTime());
}else{
d.setTime(d.getTime()+1000*24*60*60*1000);
for(var i=0;i<Cf.length;i++){
if(gd(Cf[i][0])==-1){
d.setTime(d.getTime());
t="";
break;
}else{
for(var s=0;s<Cf[i].length;s++){
t+=Cf[i][s];
if(s!=Cf[i].length-1){
t+="_";
}
}
if(i!=Cf.length-1){
t+="-";
}
}
}
}
document.cookie="Cforum="+t+";expires="+d.toGMTString();
}
function Default(){ //初始化设置
if(confirm("您确定要恢复默认的版面吗？")){
Cf=null;
sc();
Cf=new Array();
for(var k,e=0;e<Dm.length;e++){
k=Dm[e].id;
Cf[e]=new Array();
Cf[e][0]=k;
Cf[e][1]=0;
Cf[e][2]=0;
Cf[e][3]=0;
$(k).style.display="";
$(k+"_Title").style.cursor="move";
$(k+"_Lock").title="锁定";
$(k+"_Lock").src="Images/unlock.gif";
$(k+"_Size").title="最小化";
$(k+"_Size").src="Images/max.gif";
$(k+"_Content").style.display="";
if(Dm[e].id == "Blog" || Dm[e].id == "Ad"){
$("body").childNodes[0].insertBefore(Dm[e]);
}
else if(Dm[e].id == "News" || Dm[e].id == "Link"){
$("body").childNodes[1].insertBefore(Dm[e]);
}
else if(Dm[e].id == "Music" || Dm[e].id == "BBS"){
$("body").childNodes[2].insertBefore(Dm[e]);
}
}
}
}
function ce(i){ //关闭
var c=gc(i),d=gd(i);
if(c!=-1&&d!=-1){
Cf[c][1]=1;
sc();
$(i).style.display="none";
}
}
function ck(i){ //锁定
var c=gc(i),d=gd(i);
if(c!=-1&&d!=-1){
if(Cf[c][2]==1){
$(i+"_Title").style.cursor="move";
$(i+"_Lock").title="锁定";
$(i+"_Lock").src="Images/unlock.gif";
Cf[c][2]=0;
}else{
$(i+"_Title").style.cursor="default";
$(i+"_Lock").title="解锁";
$(i+"_Lock").src="Images/lock.gif";
Cf[c][2]=1;
}
sc();
}
}
function cm(i){ //最小化
var c=gc(i),d=gd(i);
if(c!=-1&&d!=-1){
if(Cf[c][3]==1){
$(i+"_Size").title="最小化";
$(i+"_Size").src="Images/max.gif";
$(i+"_Content").style.display="";
Cf[c][3]=0;
}else{
$(i+"_Size").title="最大化";
$(i+"_Size").src="Images/min.gif";
$(i+"_Content").style.display="none";
Cf[c][3]=1;
}
sc();
}
}
window.onload=function(){ //设置页面
var d=document.getElementsByTagName("DIV");
for(var i=s=0;i<d.length;i++){
if(d[i].className=="MODULE"){
Dm[s]=new Object(d[i]);
s++;
Dm["length"]=s;
}
}
Cf=document.cookie.match(new RegExp("(^| )Cforum=([^;]*)(;|$)"));
if(Cf!=null){
Cf=Cf[2];
Cf=Cf.split("-");
if(Cf.length==Dm.length){
for(var n=0;n<Cf.length;n++){
Cf[n]=Cf[n].split("_");
if(Cf[n].length!=4||gd(Cf[n][0])==-1){
Cf=null;
break;
}
}
}else{
Cf=null;
}
}
if(Cf==null){
Cf=new Array();
for(var e=0;e<Dm.length;e++){
Cf[e]=new Array();
Cf[e][0]=Dm[e].id;
Cf[e][1]=0;
Cf[e][2]=0;
Cf[e][3]=0;
}
}else{
for(var b,g=0;g<Cf.length;g++){
b=Dm[gd(Cf[g][0])];
if(Cf[g][1]==1){b.style.display="none"}
if(Cf[g][2]==1){
$(Cf[g][0]+"_Title").style.cursor="default";
$(Cf[g][0]+"_Lock").title="解锁";
$(Cf[g][0]+"_Lock").src="Images/lock.gif";
}
if(Cf[g][3]==1){
$(Cf[g][0]+"_Size").title="最大化";
$(Cf[g][0]+"_Size").src="Images/min.gif";
$(Cf[g][0]+"_Content").style.display="none";
}
if(b.id == "Blog" || b.id == "Ad"){
$("body").childNodes[0].insertBefore(b);
}
else if(b.id == "News" || b.id == "Link"){
$("body").childNodes[1].insertBefore(b);
}
else if(b.id == "Music" || b.id == "BBS"){
$("body").childNodes[2].insertBefore(b);
}
}
}
if(FF){
var sp=document.getElementsByTagName("SPAN");
for(var f=0;f<sp.length;f++){
if(sp[f].className=="TITLE_RIGHT"){sp[f].style.right="0px"}
}
}
}
function DragStart(e,i){ //开始移动
var t=e.srcElement||e.target,c=gc(i),d=gd(i);
if(c!=-1&&d!=-1&&Cf[c][2]==0&&Ds==null&&Dz==null&&t.tagName!="IMG"&&t.tagName!="A"){
Ds=$(i);
Dz=document.createElement("div");
var x=Ds.offsetLeft,y=Ds.offsetTop,w=Ds.offsetWidth;
H=Ds.offsetHeight
X=x-e.clientX;
Y=y-e.clientY;
if(FF){
w=w-2;
H=H-2;
Ds.style.MozOpacity="0.75";
}else{
Ds.style.filter="alpha(opacity=75)";
Ds.setCapture();
}
Dz.style.width=w+"px";
Dz.style.height=H+"px";
Dz.style.border="1px dotted #CCCCCC";
Dz.style.marginBottom="12px";
Ds.style.position="absolute";
Ds.style.left=x+"px";
Ds.style.top=y+"px";
Ds.style.width=w+"px";
Ds.style.height=H+"px";
Ds.style.zIndex="9";
Ds.parentNode.insertBefore(Dz,Ds);
}
}
document.onmousemove=function(e){ //移动中
if(Ds!=null&&Dz!=null){
if(!e){var e=window.event}
var t=e.clientY+Y,f=g=null;
Ds.style.top=t+"px";
Ds.style.left=e.clientX+X+"px";
for(var s,z,y,i=0;i<Dm.length;i++){
if(Dm[i]!=Ds){
s=Dm[i].offsetTop;
z=Dm[i].offsetLeft;
y=s+Dm[i].offsetHeight/2;
if(Dz.offsetTop<=s){
if(t+H>y){
g=Dz;
f=Dm[i];
break;
}
}else{
if(t<y){
f=Dz;
g=Dm[i];
break;
}
}
}
}
if(f!=null&&g!=null){
Ds.parentNode.insertBefore(f,g);
}
}
}
document.onmouseup=function(){ //移动结束
if(Ds!=null&&Dz!=null){
if(FF){
Ds.style.MozOpacity="1";
}else{
Ds.releaseCapture;
Ds.style.filter="alpha(opacity=100)";
}
Ds.style.position="";
Ds.style.width="";
Ds.style.height="";
Ds.style.zIndex="1";
Ds.parentNode.insertBefore(Ds,Dz)
Dz.parentNode.removeChild(Dz);
Dz=null;
Ds=null;
var a=new Array(),d=document.getElementsByTagName("DIV");
for(var k,c,s=i=0;i<d.length;i++){
if(d[i].className=="MODULE"){
k=d[i].id;
c=gc(k);
a[s]=new Array();
a[s][0]=k;
if(c==-1){
a[s][1]=0;
a[s][2]=0;
a[s][3]=0;
}else{
a[s][1]=Cf[c][1];
a[s][2]=Cf[c][2];
a[s][3]=Cf[c][3];
}
s++;
}
}
Cf=a;
sc();
}
}
/******************************************************************/

Answer 1

CSS样式表文件/*****HEADER START******/
.HEADER{
color:#666666;
width:100%;
height:60px;
z-index:1;
clear:both;
margin-bottom:12px;
}
.HEADER ul{
margin:10px;
list-style:none;
}
.HEADER li{
color:#666666;
cursor:pointer;
float: right;
list-style-type: none;
padding-top: 30px;
}
/*****HEADER END********//*****BODY START******/
.BODY{
float:left;
border: 1px dashed #000000;
}
.LEFT{
float:left;
width:28%;
border: 1px dashed #FF0000;
margin:7px;
}
.MIDDLE{
float:left;
width:38%;
border: 1px dashed #00FF00;
margin:6px;
}
.RIGHT{
float:left;
width:28%;
border: 1px dashed #0000FF;
margin:7px;
}
/*****BODY END********//*****FOOTER START******/
.FOOTER{
position:relative;
padding: 2px;
text-align:center;
}
/*****FOOTER END********//*****MODULE START******/
.MODULE{
width:100%;
border:1px solid #C8C8C8;
margin-bottom:12px;
z-index:1;
}
.MODULE_TITLE{
position:relative;
text-align:center;
height:23px;
background-repeat:repeat-x;
background-position:center;
background-color:#EEEEEE;
border:1px solid #FFFFFF;
cursor:move;
}
.MODULE_CONTENT{
font-size: 12px;
padding: 2px;
list-style-type: none;
text-align:left;
list-style-position: outside;
}
.TITLE_LEFT{
position:absolute;
left:0px;
top:4px;
font-size: 12px;
font-weight: bold;
padding-left: 5px;
}
.TITLE_RIGHT{
position:absolute;
right:-1px;
top:4px;
padding-right:3px;
}
/*****MODULE END********/

Answer 2

TO：starwu(星沉海底)我不知道是谁的代码，但是是在www.kekee.com上面扣出来的，不过，我不太懂JS啊，只是想做出3721那个样子，你能帮我改改吗？？

Answer 3

如果不懂JS的话建议直接用dreamwaver来做吧
-----------------------
没有最好,只有更好!
http://www.crossgo.com

Answer 4

http://www.never-online.net/blog/article.asp?id=107

Answer 5

TO：BlueDestiny
这个要本在FF下不能用。

Answer 6

To:muxrwc麻烦写完了发出来我们学习学习

Answer 7

哈，写完了的说。。
http://community.csdn.net/Expert/topic/5500/5500935.xml?temp=.2467615

Answer 8

昂T_T
米加Cookie的操作
这个暂时先不弄，有空我琢磨琢磨怎么加。。