|
HTMLタグ > 画像がマウスカーソルを追いかけてくる・なめらか
|
すーっとマウスカーソルを画像が追いかけます。
1) <body>〜</body>のどこかに以下のタグを入れます。
<div id="rr1Star" style="position:absolute;left:10px;top:10px">
<img src=【画像】></div>
<script language=javascript>
<!--
D=document
D.onmousemove=rr1Mmove
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.layers){rr1MX=rr1e.pageX;rr1MY=rr1e.pageY;}
if(D.all){rr1MX=rr1B.scrollLeft+event.clientX;rr1MY=rr1B.scrollTop+event.clientY;}
rr1MX+=-8;rr1MY+=-8;}
//-->
</script>
|
参考URL…http://www.sun-inet.or.jp/~reirou/javascript/
「HTMLタグ」のトップに戻る
|
|
|