WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:マウスオーバー・アウトでの画像の移動

0:[投稿] hhh [2003/01/02 18:15 ][環境:IE6,winXP 分かりません]

マウスオーバーで画像が30px位右へ移動し、アウトで元の位置へ戻るようにしたいのですが、うまくできません。
下記のおかしいところを教えていただけますでしょうか。

var x=0;
function move_over(){
    if(document.getElementById("aaa").style.left!="30px"){
        document.getElementById("titleslice1").style.left=x+=3;
    }
    setTimeout("move_over()",3);
    }
function move_out(){
    if(document.getElementById("aaa").style.left!="0px"){
        document.getElementById("aaa").style.left=0;
    }
}

アウトしても元の位置に戻らず、再度マウスオーバーすると右へ移動し続けてしまいます。
よろしくお願いします。


1:[回答] hrm [2003/01/02 23:12 ]

こんな感じかにゃ。適当だけど。
タイマーを止めてないのと、xを0に戻してないせいのようです。

var timerid = 0;
var x = 0;
function move_over(){
   if (x < 30)
       document.getElementById("aaa").style.left=x+=3;
   }
   timerid = setTimeout("move_over()",3);
}
function move_out(){
     clearTimeout(timerid);
     document.getElementById("aaa").style.left=0;
     x = 0;
}


2:[完了] hhh [2003/01/03 17:50 ]

おぉっ!すごい。ちゃんと動作しました。
ありがとうございました。とても助かりました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World