可移动的图层

<script language="JavaScript1.2">
var dragswitch=0
var nsx function drag_dropns(name){powered by 25175.net
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for IE 4+////
/////////////////////////////////

var dragapproved=false

function drag_dropie(){
if (dragapproved==true){
document.all.showimage.style.pixelLeft=tempx+event.clientX-iex
document.all.showimage.style.pixelTop=tempy+event.clientY-iey
return false
}
}

function initializedragie(){
iex=event.clientX
iey=event.clientY
tempx=showimage.style.pixelLeft
tempy=showimage.style.pixelTop
dragapproved=true
document.onmousemove=drag_dropie
}

if (document.all){
document.onmouseup=new Function("dragapproved=false")
}

////drag drop functions end here//////

function hidebox(){
if (document.all)
showimage.style.visibility="hidden"
else if (document.layers)
document.showimage.visibility="hide"
}

</script><div id=showimage style=position:absolute;width:250px;left:50;top:50><table border=0 width=250 bgcolor=#ffffff cellspacing=0 cellpadding=2><tr><td width=100%>
<table border=3 width=100% cellspacing=2 cellpadding=0 height=100 bordercolor="#FF99CC">
<tr>
<td onMousedown=initializedragie() style=cursor:hand width=94% height="17" align="center" bgcolor="#FFE1F5" valign="bottom">
<b><small><font size="2">可移动的图层</font></small></b></td><td style=cursor:hand height="17" width="6%"><a href=# onClick="hidebox();return false"><img src=../../../images/119.gif border=0></a></td></tr>
<tr bgcolor="#FFFFFF" align="center">
<td style=padding:4px colspan=2>
<p>欢迎光临</p></td></tr></table></td></tr></table></div>