讓div內容在div包裝中移動動畫，並在它移出div包裝時隱藏

Question

我希望當div'content'達到div'wrap'的最大大小（去掉div'wrap'）時，由animation.css {left ：900px}，div'content'也不會像動畫一樣看到動畫on.i也使用z-index css，但它不能以我的願望運行。 這裏是我的代碼：

HTML：

<div id="wrap"> 
      <div id="content" >these some text</div> 
</div> 

CSS：

#content 
{ 

position:absolute; 
background-color:red; 
float:left 

} 
#wrap{ 
    position:relative; 
    width: 900px; 
    float: left; 
    height: 22px; 
    margin:auto; 
    border: 2px solid #fff; 
} 

腳本

$(document).ready(function() 
{ 
     var div = $("#content"); 
    setInterval(function() { 
     div.css({ left: '0px' }); 
     div.animate({ left: 900px }, { duration: 4200 }); 

     }, 5500); 

}); 

Answer 1

在您使用left: 900px的animate()功能。由於900px是一個字符串，它需要引號。或者，或者，您可以將900 .. jQuery將默認添加'px'。

除此之外，似乎工作，因爲在這裏看到：

http://jsfiddle.net/YFBG5/