2011-06-18 13 views
2

こんにちは、私のコードを見て、私がこの結果を得るために探している次のステップを教えてください。divが特定のPXに達したときのイベントを焼きます。

<script type="text/javascript"> 
    function doMove1() { 
     foo1.style.left = parseInt(foo1.style.left)+1+'px'; 
     setTimeout(doMove1,20); // call doMove in 20msec 
    } 
    function start1() { 
     foo1 = document.getElementById('fooObject'); // get the "foo" object 
     foo1.style.left = '0px'; // set its initial position to 0px 
     doMove1(); // start animating 
    } 
window.onload = start1; 
</script> 
<body> 
     <div id="fooObject"> 
    <img src="images/pac.gif" width="38" height="38"></div> 
</body> 

は、基本的に何が起こるかは、私が達成しようとしていますscreen.What間で画像を移動するには画像を特定のピクセルになったとき、私はイベントを発生します(900pxを言うことができます)ということであるということです。この仕事を達成するためのヒント私は初心者です。私は助けを求めようと思っています。

答えて

1

だけdoMove1で、このためのチェックを追加します。

function doMove1() { 
    var left = parseInt(foo1.style.left, 10) + 1; 
    if (left >= 900) { 
    trigger_my_event(); 
    } else { 
    foo1.style.left = left + 'px'; 
    setTimeout(doMove1,20); // call doMove in 20msec 
    } 
} 

はその助けをしていますか?

+0

本当にありがとうございました。私はこれに類似した何かを作ったが、--- var ypos = foo1.style.leftのような変数を作った。私は本当にあなたの助けに感謝します。 –

関連する問題