본문 바로가기

javascript

마우스를 따라다니는 텍스트

[스크립트]

<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()">
<p><div id="Menu" style="position:absolute; left:200px; top:200px; width:200px; height:200px; z-index:1;"
name="Menu">
   <p>    <font size="2" color=red>안녕하세요?</font></p>   //텍스트 대신 이미지를 넣어도 되겠죠
</div> </p>