javascript - 同じ位置から始まらない setInterval 内に画像を作成する

Question

これは私の jsfiddle です: http://jsfiddle.net/ybyu5/4/

function CreateAndAnimateEnemyImg() {
            var nh = Math.floor((Math.random() * 267) + 1);

            var enemy = document.createElement('img');
            enemy.src = 'enemy.jpg';
            enemy.className = 'Enemy';
            enemy.style.top = nh + 'px';
            // enemy.style.left = '270px';
            //enemy.style.right = '0px';
            pane.append(enemy);
            enemy.onload = function () {


                setInterval(function () {
                    $('.Enemy').animate({ 'left': '-=20px' });
                }, 200);
                //alert(enemy.style.right);
            }
        }

私は、すべての画像が作成されたときに、右を 0 px に設定し、左の境界線に到達すると、とにかく消える必要があります。

Answer 1

overflow:hiddenコンテナに使用:

.Container
{
    width: 300px;
    height: 300px;
    background-color: White;
    overflow: hidden;
    border: 1px solid black;
}

フィドル

非表示の dom 要素を削除してフィドルを更新しました。