我想在div中移動圖像，以便包含div的圖像准確顯示其大小

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。