Question

function mov_left() {
    if (parseInt(document.getElementById('fold').style.left, 10) == 430) {
        clearInterval(animel);
    }
    document.getElementById('fold').style.left = (parseInt(document.getElementById('fold').style.left, 10) - 10) + 'px';
}

animel = setInterval('mov_left()', 100);

这是我试图用来移动包含2个图像的<div>的代码，这样他们就可以一次显示两个图像。但是，图像只是向左移动而忽略了函数中的if语句。

请帮助。

Answer 1

好吧，我已经摆弄它了，没有太多变化，但我知道这有效：

function mov_left() {
    var el = document.getElementById('fold');
    if (parseInt(el.style.left, 10) == 430) {
        clearInterval(animel);
    }
    el.style.left = (parseInt(el.style.left, 10) - 10) + 'px';
}
animel = setInterval(function () {mov_left(); }, 100);

JSfiddle：http://jsfiddle.net/m7q3H/42/

Answer 2

如果未设置element的左侧css属性，则element.style.left将返回一个空字符串，而parseInt将返回NAN。

我想在div中移动图像，以便包含div显示它们的大小

2 个答案: