让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/