Question

我想动画一个对象（在我的例子中，一个div），使用JUST javascript（不允许JQuery）从左到右移动100px。

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>

我的代码有什么问题（它不起作用）？

欢迎任何其他解决方案。

Answer 1

将position:absolute添加到您的div中，它将像魅力一样。

Answer 2

首先，如果您要启用div可移动，则需要将其display样式设置为absolute或relative。

其次，在你的动画功能中，你需要通过document.getElementById(elem)“;

获取元素

如何使用JavaScript动画对象？

2 个答案: