怎么能实现鼠标拖动的时候带一个自定义的图标？


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>拖动</title>
<link rel="stylesheet" type="text/css" href="css.asp"></head>
<script language="JavaScript">
var Mouse_Obj="none";
var pX
var pY
document.onmousemove=D_NewMouseMove;
function m(c_Obj)
{ Mouse_Obj=c_Obj;
pX=parseInt(document.all(Mouse_Obj).style.left)-event.x;
pY=parseInt(document.all(Mouse_Obj).style.top)-event.y;
document.all(Mouse_Obj).style.cursor="hand"
 }
function D_NewMouseMove()
{if(Mouse_Obj!="none")
{document.all(Mouse_Obj).style.left=pX+event.x;
document.all(Mouse_Obj).style.top=pY+event.y;
event.returnValue=false;}}
function D_NewMouseUp()
{
//document.all(Mouse_Obj).style.cursor="default"
Mouse_Obj="none";}
  document.onmouseup=mu;
  function mu(){D_NewMouseUp();}</script>
<body >
<div id="Layer1" onmousedown=m("Layer1")  style="position:absolute; width:200px; height:115px; z-index:1; background-color: #9999CC; layer-background-color: #9999CC; border: 1px none #000000;left=1;top=1;" onMouseOut=this.style.cursor="default"></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>说明：此例对鼠标使用图片支持不是很好的 :) </p>
</body></html>