본문 바로가기

javascript

마우스를 따라다니는 이미지

//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>

// 여기까지

//body 부분에 삽입

<body bgcolor="#E5E5AB" text="black" link="blue" vlink="purple" alink="red"
onMouseMove="Follow()" onLoad="Loaded()">

<DIV ID="Menu" NAME="Menu" STYLE="position:absolute;top:200;left:200">
<img src="bee.gif"></DIV>