[NN4 IE4] マウスと共に移動するイメージ　

マウスと共に画像が移動します。

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
if(document.layers){document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove=moveImg;

function moveImg(theEvent){
    if(navigator.userAgent.indexOf("MSIE 4.")>=0){
        myImage.style.pixelLeft=event.x+20;
        myImage.style.pixelTop=event.y+20;
    }else if(navigator.userAgent.indexOf("MSIE 5.")>=0 || navigator.userAgent.indexOf("MSIE 6.")>=0){
        myImage.style.pixelLeft=document.body.scrollLeft+event.x+20;
        myImage.style.pixelTop=document.body.scrollTop+event.y+20;
    }else if(document.layers){
        document["myImage"].left=theEvent.pageX+20;
        document["myImage"].top=theEvent.pageY+20;
        document.routeEvent(theEvent);
    }
}
//-->
</SCRIPT>
 </HEAD>
<BODY>
<DIV id="myImage" style="position:absolute;left:0;top:0;"><IMG src="img5.gif"></DIV>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
</BODY>
</HTML>
戻る