作一个象QQ一样的弹出页面，可以用鼠标拖动？很急阿

<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var eventsource,x,y
function move()
 {
  if (event.button==1&&dragapproved) //改变被拖动元素在页面上的位置
   {
    eventsource.style.pixelLeft=temp1+event.clientX-x
    eventsource.style.pixelTop=temp2+event.clientY-y
    return false
   }
 }
function drags()
 {
  if (!document.all)
  return
  if (event.srcElement.className=="drag") //捕捉鼠标和被拖动元素的当前位置
   {
    dragapproved=true
    eventsource=event.srcElement
    temp1=eventsource.style.pixelLeft
    temp2=eventsource.style.pixelTop
    x=event.clientX
    y=event.clientY
    document.onmousemove=move
   }
 }
document.onmousedown=drags   //鼠标左键按下时,准备拖动
document.onmouseup=new Function("dragapproved=false")//鼠标左键放开时,拖动停止
</script>
<div style="font-family:DextorOutD;font-size: 9pt;width:100px;height:300px;border-left:1px solid red;border-right:1px solid red;border-top:1px solid red;border-bottom:1px solid red" class=drag>
bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>bayern<br>
</div>