Question

On mouseover can this div be attached to the mouse pointer so that its contents are shown on mouseover?

<div id='show' style='display:none;'></div>

If so how is this done?

Answer 1

<div onmousemove="position();" onmouseout="hide();">abc</div>
<div id="tip" style="position: fixed; visibility: hidden;">that's abc!</div>
<script type="text/javascript">
  function position() {
    var d = document.getElementById('tip');
    d.style.visibility = 'visible';
    d.style.left = event.screenX + 'px';
    d.style.top = event.screenY + 'px';
  }
  function hide() {
    document.getElementById('tip').style.visibility = 'hidden';
  }
</script>

When the user mouses over the “abc” div, the “that’s abc!” div is shown next to the mouse cursor (and follows it).