如何用最简单的代码实现图层跟随鼠标移动？

a.htc:
===========
<PROPERTY NAME="son" />
<ATTACH EVENT="onmouseover" ONEVENT="onit()" />
<ATTACH EVENT="onmousemove" ONEVENT="onit()" />
<ATTACH EVENT="onmouseout" ONEVENT="noit()" />
<SCRIPT>
function onit() {
var oSon=window.document.getElementById(son);
if (oSon==null) return;
with (oSon) {
innerHTML=alt;
style.display="block";
style.pixelLeft=window.event.clientX+window.document.body.scrollLeft+6;
style.pixelTop=window.event.clientY+window.document.body.scrollTop+9;
if(style.pixelLeft > window.screen.width - 300)
style.pixelLeft-=300
}
}function noit() {
var oSon=window.document.getElementById(son);
if (oSon==null) return;
oSon.style.display="none";
}
</SCRIPT>test.htm
==============
<body style="border:0">
<div son=hint alt="8888888888888" style="behavior:url(a.htc)">8888888888888</div>
<a href="/rss/viewart.rs?aid=1439279" son=hint alt="...  序<b>像所有故事一样</b>，这个故事是编造出来的。 像所有假客观的小说一样，这个故事是不真实的。  ..."  style="behavior:url(0007.htc)">一个陌生人心中的影子</a>
<a href="/rss/viewart.rs?aid=1439279" son=hint alt="<a href='http://'>88888</a>88888888" style="behavior:url(a.htc)">一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子一个陌生人心中的影子</a>
<div id=hint style="display:none"></div>
<style type="text/css">
#hint{width:250px;border:1px solid #000000;background:#9FC383;position:absolute;z-index:9;padding:4px;line-height:17px}
</style>