<style>

<!--

.drag{position:relative;cursor:hand}

-->

</style>

<script language="JavaScript1.2">

<!--

/*Credit JavaScript Kit www.javascriptkit.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>

<img src="test.gif" class="drag"><br>

<img src="test2.gif" class="drag"><br>

<h1><b class="drag">"Hi there</b></h1>