Question

我想当div'内容'通过animation.css {left：900px}进入div'wrap'的最大尺寸（去掉div'wrap'）时，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

在animate()功能中使用了left: 900px。由于900px是一个字符串，因此需要在它周围加上引号。或者，您也可以放900 .. jQuery默认会添加'px'。

除此之外，它似乎有效，如下所示：

http://jsfiddle.net/YFBG5/

使div内容在div包装器中移动动画，并在移出div包装器时隐藏

1 个答案: