跟随鼠标的提示信息

普通ALT或TITLE提示信息不会跟着鼠标移动而移动，那怎么怎样使提示信息会跟着鼠标动呢？

方法：

<script type="text/javascript">
document.write("<div id='pup' style='position:absolute; border: 1px solid #8CBAE4;z-index:1;color:#000000;background-color: #F2F9FF;overflow: visible;visibility: hidden;font-size:11px;font-family:Verdana;padding:6px;padding-left:9px;padding-right:18px;text-align: left;line-height:180%'></div>")

function showpup(str)
{
  var x=event.x;
  var y=event.y;
  pup.innerHTML=str;
  pup.style.visibility="visible";
  pup.style.left=x+10;
  pup.style.pixelTop=y+document.body.scrollTop+10;
}

function hidepup()
{
  pup.style.innerHTML=""
  pup.style.visibility="hidden";
}
</script>

调用 ：

<a href='#' target='_blank' onMouseMove="showpup('<b>提示文字:</b><br>1.文字一<br>2.文字二')" onMouseOut='hidepup()'>ALT文字移动</a>

如果是图片，也是同样的方法。