<HTML>
<HEAD>
<TITLE> emu's div-drag </TITLE>
<META NAME="Author" C>
<SCRIPT LANGUAGE="JavaScript">
var activeDiv,
Waterproof Boots,activeSpan,beforeDiv;
function active(e){
if(e.tagName=="SPAN"){
activeSpan = e;
return;
}
activeDiv = e.cloneNode(true);
document.body.insertBefore(activeDiv);
with(activeDiv.style){
position="absolute";
backgroundColor="yellow";
filter="alpha(opacity=50)";
left=event.x-20;
top=event.y;
}
activeDiv.srcElement=e;
activeDiv.;
}
function releaseDiv(){
if(!activeDiv) return;
document.body.removeChild(activeDiv)
var se = activeDiv.srcElement;
var p = se.parentNode;
activeDiv=null;
if(beforeDiv && beforeDiv==se) return;
if(beforeDiv && beforeDiv.parentNode==activeSpan)
activeSpan.insertBefore(p.removeChild(se),
casual shoes,beforeDiv)
else
activeSpan.insertBefore(p.removeChild(se))
}
function moveDiv(){
if(,
timberland 6 inch,
JORDAN Take Flight00641!activeDiv) return;
with(activeDiv.style){
left=event.x-20;
top=event.y;
}
}
function before(e){
beforeDiv=e;
}
</SCRIPT>
</HEAD>
<BODY >
<span style="width:30%;height:100%;border:1px solid gray;overflow-y:auto" >
<SCRIPT>//自动生成假数据
for(var i=1;i<3;i++) document.write(" <div style=\"height:200px;cursor:hand;border:1px solid #CCFFFF;background-color:#99FFFF\" onmousedown=\"active(this)\" onmousemove=\"before(this)\"><span style=\"width:100\">"+i+"</span></div>")
</SCRIPT>
</span>
<span style="width:30%;height:100%;border:1px solid gray;overflow-y:auto" >
<SCRIPT>//自动生成假数据
for(var i=4;i<6;i++) document.write(" <div style=\"height:200px;cursor:hand;border:1px solid #CCFFFF;background-color:#FFFFCC\" onmousedown=\"active(this)\" onmousemove=\"before(this)\"><span style=\"width:100\">"+i+"</span></div>")
</SCRIPT>
</span>
<span style="width:30%;height:100%;border:1px solid gray;overflow-y:auto" >
<SCRIPT>//自动生成假数据
for(var i=7;i<9;i++) document.write(" <div style=\"height:200px;cursor:hand;border:1px solid #CCFFFF;background-color:#FFCCFF\" onmousedown=\"active(this)\" onmousemove=\"before(this)\"><span style=\"width:100\">"+i+"</span></div>")
</SCRIPT>
</span>
</BODY>
</HTML>
<br>------------------------------------------------------------<br>
<,
ralf lauren shorts!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> emu's div-drag </TITLE>
<META NAME="Author" C>
<SCRIPT LANGUAGE="JavaScript">
var activeDiv,
jimmy choo quinze96169,
discount mbt,
AIR JORDAN MELO M545753,activeSpan,beforeDiv;
function active(e){
if(e.tagName=="SPAN"){
if(!activeDiv) return;
activeSpan = e;
if(activeDiv.srcElement.parentNode,
supra vaider sale!=e)
before(e.lastChild);
return;
}
activeDiv = e.cloneNode(true);
document.body.insertBefore(activeDiv);
with(activeDiv.style){
position="absolute";
backgroundColor="yellow";
filter="alpha(opacity=50)";
left=event.x-20;
top=event.y+2;
}
activeDiv.srcElement=e;
activeDiv.;
activeDiv.;
}
function releaseDiv(){
if(,
real supra shoes!activeDiv) return;
document.body.removeChild(activeDiv)
var se = activeDiv.srcElement;
var p = se.parentNode;
activeDiv=null;
}
function moveDiv(){
if(!activeDiv) return;
with(activeDiv.style){
left=event.x-20;
top=event.y+2;
}
}
function before(e){
if(,
timberland boat!activeDiv || e.nextSibling==activeDiv)return;
if(e,
cheap timberland boots!=activeDiv.srcElement)
if(e.nextSibling&&e.nextSibling.parentNode==e.pare ntNode&&e.nextSibling!=e.parentNode.lastChild)
e.parentNode.insertBefore(activeDiv.srcElement.par entNode.removeChild(activeDiv.srcElement),
Air Jordan Shoes 4 (IV),e.nextSibling)
else
e.parentNode.insertBefore(activeDiv.srcElement.par entNode.removeChild(activeDiv.srcElement))
}
</SCRIPT>
</HEAD>
<BODY >
<span style="width:30%;height:100%;border:1px solid gray;overflow-y:auto" >
<SCRIPT>//自动生成假数据
for(var i=1;i<3;i++) document.write(" <div style=\"height:200px;cursor:hand;border:1px solid #CCFFFF;background-color:#99FFFF\" onmousedown=\"active(this)\" onmousemove=\"before(this)\"><span style=\"width:100\">"+i+"</span></div>")
</SCRIPT>
</span>
<span style="width:30%;height:100%;border:1px solid gray;overflow-y:auto" >
<SCRIPT>//自动生成假数据
for(var i=4;i<6;i++) document.write(" <div style=\"height:200px;cursor:hand;border:1px solid #CCFFFF;background-color:#FFFFCC\" onmousedown=\"active(this)\" onmousemove=\"before(this)\"><span style=\"width:100\">"+i+"</span></div>")
</SCRIPT>
</span>
<span style="width:30%;height:100%;border:1px solid gray;overflow-y:auto" >
<SCRIPT>//自动生成假数据
for(var i=7;i<9;i++) document.write(" <div style=\"height:200px;cursor:hand;border:1px solid #CCFFFF;background-color:#FFCCFF\" onmousedown=\"active(this)\" onmousemove=\"before(this)\"><span style=\"width:100\">"+i+"</span></div>")
</SCRIPT>
</span>
</BODY>
</HTML>