<SCRIPT LANGUAGE="JavaScript">
// original by rbennett@thezone.net
// http://home.thezone.net/~rbennett/sitemap.htm
// modified by N8i (www.nightfire.ch)

ie4up = (document.all) ? 1 : 0;
ns4up = (document.layers) ? 1 : 0;
mozup = (!document.all && document.getElementById) ? 1 : 0;

var ob;

function MD(e){
if(ns4up){
ob=document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
if (ie4up){
ob=event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
if (mozup){
ob=e.target.name;
ob = eval(document.getElementById(ob).style);
X=e.layerX;
Y=e.layerY;
return false;
}
}

function MM(e){
if(ob){
if(ns4up){
ob.moveTo((e.pageX-X),(e.pageY-Y))
}
if (ie4up) {
ob.pixelLeft=event.clientX-X+document.body.scrollLeft-2;
ob.pixelTop=event.clientY-Y+document.body.scrollTop-2;
return false;
}
if (mozup) {
ob.top = e.pageY-Y;
ob.left = e.pageX-X;
}
}
}

function MU() {ob=null}

if(ns4up || mozup){
document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE|Event.MOUSEUP)
}
document.onmousedown=MD;
document.onmousemove=MM;
document.onmouseup=MU

</SCRIPT>

<div id="s" style="position:absolute;left:150;top:30;z-index:1"><img src=s.gif name="s"></div>
<div id="d" style="position:absolute;left:200;top:30;z-index:2"><img src=d.gif name="d"></div>
<div id="c" style="position:absolute;left:200;top:80;z-index:3"><img src=c.gif name="c"></div>
<div id="h" style="position:absolute;left:250;top:80;z-index:4"><img src=h.gif name="h"></div>
<div id="t1"><b>Dragables</b></div>
<br><div id="t2">drag and drop the images anywhere on the screen</div>

R.Bennett
modified by N8i (www.nightfire.ch)

Kopieren Sie bitte den Code