<HTML>
<HEAD>
<TITLE>Java-Script</TITLE>
<SCRIPT language="JavaScript">
<!--
if(document.layers){document.captureEvents(Event.IMGMOVE);}
document.onclick=moveImg;
function moveImg(theEvent){
if(navigator.userAgent.indexOf("MSIE 4.")>=0){
myImage.style.pixelLeft=event.x+0;
myImage.style.pixelTop=event.y+0;
}else if(navigator.userAgent.indexOf("MSIE 5.")>=0){
myImage.style.pixelLeft=document.body.scrollLeft+event.x+0;
myImage.style.pixelTop=document.body.scrollTop+event.y+0;
}else if(document.layers){
document["myImage"].left=theEvent.pageX+0;
document["myImage"].top=theEvent.pageY+0;
document.routeEvent(theEvent);
}
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor=white>
<DIV id="myImage" style="position:absolute;left:0;top:0;">
<IMG src="mouse.gif"></DIV>
<font color=blue>
左上のイメージが、マウスクリックしたところに移動します。<br>
( マウスの左ボタンを押してください。 )
</font>
<FORM>
<INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
</BODY>
</HTML>
|