JavaScript能否让层跟随光标移动位置？

Question

//一个层就可以了
<input name=dd value=text1 onmouseover=show(this.value) onmouseout=hid()>
<br>
<input name=dd value=text2 onmouseover=show(this.value) onmouseout=hid()>
<div id=mydiv  style="position:absolute;visibility:hidden;height:30px;background-color:seashell"></div>
<script>
 function show(value)
  {
   mydiv.innerHTML='<a style="border:1px solid red;height:30px">&nbsp'+value+'&nbsp</a>'
   mydiv.style.pixelLeft=event.clientX+document.body.scrollLeft
   mydiv.style.pixelTop=event.clientY+document.body.scrollTop+10
   mydiv.style.visibility="visible"
      }
    function hid()
     {mydiv.style.visibility="hidden"}
</script>