创建里面的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像素的权利，当它到达边界在左边它应该消失反正这样做？

Answer 1

使用overflow:hidden集装箱：

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

Fiddle

Updated fiddle with deleting hided dom elements.