プロが教えるわが家の防犯対策術!

お世話になります。
マウスに絵がくっついてくるスクリプト(スクリプトは↓のとおりです)なんですが、画面をスクロール(縦でも横でも同じです)させると、マウスと絵が離れてしまいます。たとえば下にスクロールさせると、マウスのポインタはスクロール幅だけ下がりますが(パソコン画面上はポインタの絶対的な位置は動かないのでブラウザ上の表示画面がスクロールした分だけ相対的には下がる)、絵の方はブラウザ上の表示位置が変わらないので、スクロールすると上に逃げてしまいます。
離れた状態でも絵は離れた位置で動き回ってはいます。また、スクロールを戻すとまたくっつきます。

どうしたものでしょうか?よろしくお願いします。

<!--
function move(){
pic1.style.pixelLeft=event.x;
pic1.style.pixelTop=event.y;
}
//-->





<BODY onmousemove="move()">
<IMG src="******.gif" id="pic1" style="position:absolute;top:50;left:0">

A 回答 (1件)

<SCRIPT Language="JavaScript">


<!--
function move(){
pic1.style.pixelLeft=event.x + document.body.scrollLeft;
pic1.style.pixelTop=event.y + document.body.scrollTop;
}
//-->
</SCRIPT>
</head>
<BODY onmousemove="move()">
<IMG src="http://oshiete1.goo.ne.jp/images/goo.gif" id="pic1" style="position:absolute;top:50;left:0" width="71" height="37">
-------------------------------------------------

4行目「+ document.body.scrollLeft」 と 5行目「+ document.body.scrollTop;」 を増やしました。
参考URL↓

参考URL:http://www.red.oit-net.jp/tatsuya/java/cursor.htm
    • good
    • 0
この回答へのお礼

早速の回答ありがとうございました。
おかげさまで解決いたしました!

お礼日時:2005/08/16 16:37

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!