<HEAD> </HEAD>タグの中を以下の様にする。
<HEAD><Script Language="JavaScript"> var hOa32=5; var mouseSpeedOa32=20; if (document.images) { var imMoveCha=new Array(); imMoveCha[0]=new Image(),imMoveCha[0].src="buhinkan_618a.gif"; // 0° imMoveCha[1]=new Image(),imMoveCha[1].src="buhinkan_618b.gif"; // 36° imMoveCha[2]=new Image(),imMoveCha[2].src="buhinkan_618c.gif"; // 72° imMoveCha[3]=new Image(),imMoveCha[3].src="buhinkan_618d.gif"; // 108° imMoveCha[4]=new Image(),imMoveCha[4].src="buhinkan_618e.gif"; // 144° imMoveCha[5]=new Image(),imMoveCha[5].src="buhinkan_618f.gif"; // 180° imMoveCha[6]=new Image(),imMoveCha[6].src="buhinkan_618b.gif"; // -36° imMoveCha[7]=new Image(),imMoveCha[7].src="buhinkan_618c.gif"; // -72° imMoveCha[8]=new Image(),imMoveCha[8].src="buhinkan_618d.gif"; // -108° imMoveCha[9]=new Image(),imMoveCha[9].src="buhinkan_618e.gif"; // -144° imMoveCha[10]=new Image(),imMoveCha[10].src="buhinkan_618g.gif";// Stop } var dxOa32=600,dyOa32=600,mxOa32=0,myOa32=0,tiOa32; if (document.all || document.layers) { if (document.layers) document.captureEvents(Event.MOUSEMOVE); document.onmousemove=mouseMoveEvOa32; } function getPoOa32(e,flag) { if (flag) { if (document.all) return document.body.scrollLeft+event.clientX; if (document.layers) return e.pageX; } else { if (document.all) return document.body.scrollTop+event.clientY; if (document.layers) return e.pageY; } } function setPoOa32(name,x,y) { if (document.all) { document.all(name).style.posLeft=x+10; document.all(name).style.posTop=y; } if (document.layers) document.layers[name].moveTo(x+10,y); } function mouseMoveEvOa32(e) { mxOa32=getPoOa32(e,true); myOa32=getPoOa32(e,false); } function imMoveChangeRaOa32(ra) { var num=0; if (ra<=18 && ra>-18) num=0; if (ra<=54 && ra>18) num=1; if (ra<=90 && ra>54) num=2; if (ra<=126 && ra>90) num=3; if (ra<=144 && ra>126) num=4; if (ra<=-144 || ra>144) num=5; if (ra<=-18 && ra>-54) num=6; if (ra<=-54 && ra>-90) num=7; if (ra<=-90 && ra>-126) num=8; if (ra<=-126 && ra>-144) num=9; imMoveChangeOa32(num); } function imMoveChangeOa32(num) { if (document.all) document.images["imMoveOa32"].src=imMoveCha[num].src; if (document.layers) document.layers["imOa32"].document.images["imMoveOa32"].src=imMoveCha[num].src; } function mouseMoveOa32() { if (document.all || document.layers) { var xx,l; if (dxOa32!=mxOa32) { l=Math.sqrt(Math.pow((mxOa32-dxOa32),2)+Math.pow((myOa32-dyOa32),2)); if (Math.abs(l)<hOa32) { dxOa32=mxOa32; setPoOa32("imOa32",mxOa32,myOa32); imMoveChangeOa32(10); } else { xx=hOa32/l*(mxOa32-dxOa32)+dxOa32; dyOa32=(dyOa32-myOa32)/(dxOa32-mxOa32)*xx+dyOa32-(dyOa32-myOa32)/(dxOa32-mxOa32)*dxOa32; dxOa32=xx; setPoOa32("imOa32",dxOa32,dyOa32); imMoveChangeRaOa32(Math.floor(Math.atan2(mxOa32-dxOa32,myOa32-dyOa32)*180/Math.PI)); } } clearTimeout(tiOa32); tiOa32=setTimeout("mouseMoveOa32()",mouseSpeedOa32); } } // End --> </Script> </HEAD>
<BODY> </BODY> タグの中を以下の様にする。
<BODY background="kabe.gif" bgcolor="#000000" text="#ffff00" link="#78ff33" alink="#00daff" vlink="#999999"><SPAN id="imOa32" style="position:absolute; top:600px; left:600px; width:50px; height:50px; clip:rect(0,50,50,0)"><IMG SRC="best.gif" WIDTH="51" HEIGHT="43" name="imMoveOa32"> </SPAN><Script Language="JavaScript"> <!-- mouseMoveOa32(); // End --> </Script></BODY>