★
マウスカーソルを追尾する星
以下の内容を、<body>タグと</body>タグの間にコピーするだけです。
<DIV ID="rr1Star" STYLE="position:absolute;left:0px;top:0px"> <font color="yellow" size="7">★</font> </div> <script language="JavaScript"><!-- D=document;D.onmousemove=rr1Mmove; if(D.getElementById){rr1B=D.body;rr1D=D.getElementById('rr1Star').style}else{ if(D.all){rr1B=D.body;rr1D=D.all('rr1Star').style} if(D.layers){D.captureEvents(Event.MOUSEMOVE);rr1D=D.layers['rr1Star']}} rr1X=0;rr1Y=0;rr1MX=rr1X;rr1MY=rr1Y;rr1Moving(); function rr1Moving(){ rr1X=(rr1X*29+rr1MX)/30;rr1Y=(rr1Y*29+rr1MY)/30; rr1D.left=rr1X;rr1D.top=rr1Y; rr1TimerID=setTimeout('rr1Moving()',10)} function rr1Mmove(rr1e){ if(D.all){rr1MX=rr1B.scrollLeft+event.clientX;rr1MY=rr1B.scrollTop+event.clientY;} else{rr1MX=rr1e.pageX;rr1MY=rr1e.pageY;} rr1MX+=-8;rr1MY+=-8;} <!----></script>
２行目の
<font color="yellow" size="7">★</font>
が追尾している星です。
これは自由に書き換えられます。画像なども使えます。
