0

オブジェクト（私の例ではdiv）をアニメーション化し、JUST javascript（JQueryは許可されていません）を使用して100pxを左から右に移動したいと思います。

これが私のコードhttp://pastebin.com/HvNjQES0です。

function move(elem) {
    var st = 0;
    console.log("ELEM " + elem);

    function animate() {
        st++;
        console.log(st);
        elem.style.left = st + 'px';
        console.log("elem" + elem.style.left);
        if (st == 100) // check finish condition
            clearInterval(id)
    }
    id = setInterval(animate, 10);
}

HTML：

<button onclick="move(text_ex)">Click</button>       
<div id="text_ex" style="width:100px; height:100px; background-color:red"></div>

私のコードの問題は何ですか（動作しません）？

他の解決策は大歓迎です。

4

2 に答える 2

1

あなたのdivに追加position:absoluteすると、それは魅力のように機能します。

于 2013-03-24T15:02:23.263 に答える
1

まず、可動を有効にする場合は、スタイルをまたはdivに設定する必要があります。displayabsoluterelative

document.getElementById(elem)次に、アニメーション関数では、 「;」で要素を取得する必要があります。

于 2013-03-24T15:02:49.220 に答える