怎么将下面的代码改成 JS调用的方式

这是 HTML的代码
我想改成 HTML 调用JS的方式 出现效果 JS要怎么写？  
有大虾能帮忙改改吗？
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>提示信息框</title>
    <style type="text/css">
    body 
    {
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#ffffff);
    }
    #massage_box 
    {
position: absolute;
        left: expression((body.clientWidth-350)/2);
        top: expression((body.clientHeight-200)/2);
width: 350px;
height: 200px;
filter: dropshadow(color=#666666,offx=3,offy=3,positive=2);
z-index: 2;
visibility: hidden;
    }
    #mask 
    {
        position: absolute;
        top: 0;
        left: 0;
        width: expression(body.scrollWidth);
        height: expression(body.scrollHeight);
        background: #ffffff;
        filter: ALPHA(opacity=60);
        z-index: 1;
        visibility: hidden;
    }
    .massage 
    {
border: #036 solid;
border-width: 1 1 3 1;
width: 95%;
height: 95%;
background: #fff;
color: #FFF;
font-size: 12px;
line-height: 150%;
    }
    .header 
    {
        background: #036;
        height: 10%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 3 5 0 5;
        color: #fff;
    }
    </style>
    <!--实现层移动-->    <script type="text/javascript"> 
    var Obj='' 
    document.onmouseup=MUp 
    document.onmousemove=MMove    function MDown(Object)
    { 
        Obj=Object.id 
        document.all(Obj).setCapture() 
        pX=event.x-document.all(Obj).style.pixelLeft; 
        pY=event.y-document.all(Obj).style.pixelTop; 
    }    function MMove()
    { 
        if(Obj!='')
        { 
           document.all(Obj).style.left=event.x-pX; 
           document.all(Obj).style.top=event.y-pY; 
        } 
    }    function MUp()
    { 
        if(Obj!='')
        { 
           document.all(Obj).releaseCapture(); 
           Obj=''; 
        } 
    } 
    </script></head>
<body>
<div id="massage_box">
  <div class="massage">
    <div class="header" onMouseDown="MDown(massage_box)">
      <div style="display: inline; width: 150px; position: absolute"></div>
    </div>
  </div>
</div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
<p>&nbsp;</p>
    <div id="mask">
</div>
    <span onClick="mask.style.visibility='visible';massage_box.style.visibility='visible'" style="cursor: hand"><a href="#">显示提示信息 </a></span>
</body></html>