마우스옆에 원하는 글자를 넣습니다. 마우스가 움직일때 글자도 같이 따라 움직이도록 하는 스크립트 입니다.



script example

<html>
<head>
<script language="JavaScript">
function Move(e) {
   document.layers['Menu'].left=e.pageX
   document.layers['Menu'].top=e.pageY
}
function Move2(){
   document.all["Menu"].style.left=event.clientX
   document.all["Menu"].style.top=event.clientY
}
function Follow() {
   if (document.all) Move2()
}
function Loaded() {
   if (document.layers) {
        window.captureEvents(Event.MOUSEMOVE)
        window.onmousemove=Move
   }
}
</script>
</head>
<body onload="Loaded()" onmousemove="Follow()">

<div id="Menu" style="position:absolute; left:200px; top:200px; width:200px; height:200px; z-index:1;"
name="Menu">&nbsp;&nbsp;&nbsp;&nbsp;<font size="2" color=red>안녕하세요?</font></div>

</body>
</html>


설명
body 태그 안에 Div 태그 안의 내용이 마우스를 따라다니게 됩니다. 여기서는 그냥 글자만 썼는데 이미지를 지정하는 태그를 사용하시면 역시 같은 효과가 나타납니다.