Bewegbare Bilder

von Nadine | 18.12.2007 um 16:02 h

Typ: Javascript Anwendungen
Stufe:Einfach

Hallo,
dieser Script ist gut für Dollmaker.
BEISPIEL
Ihr müsst folgenden Code in den Head-Bereich einfügen:



<style>

<!--

.drag{position:relative;cursor:hand}

-->

</style>

<script language="JavaScript1.2">

<!--



/*

Drag and Drop Script-

?Dynamic Drive (www.dynamicdrive.com)

For full source code, installation instructions,

100's more DHTML scripts, and Terms Of

Use, visit dynamicdrive.com

*/



var dragapproved=false

var z,x,y

function move(){

if (event.button==1&&dragapproved){

z.style.pixelLeft=temp1+event.clientX-x

z.style.pixelTop=temp2+event.clientY-y

return false

}

}

function drags(){

if (!document.all)

return

if (event.srcElement.className=="drag"){

dragapproved=true

z=event.srcElement

temp1=z.style.pixelLeft

temp2=z.style.pixelTop

x=event.clientX

y=event.clientY

document.onmousemove=move

}

}

document.onmousedown=drags

document.onmouseup=new Function("dragapproved=false")

//-->

</script>