jquery - X 秒后滑到底部 0

Question

底部底部有一个黑色的绝对div：-220px；（类=“tf_content”）。它需要在 X 秒后自动滑到底部：0。

这是（一页）网站

脚本看起来有点像这样？？？：

$(document).ready(function() {
  $(".tf_content")
        .animate({bottom: -220px})
        .delay(4000)
});

我还需要在使用该类加载新 div 后重置它？，请参阅网站。

Answer 1

向下滑动用于显示某些内容，而不是隐藏它。

由于您使用绝对定位，请尝试类似

$(".tf_content").animate({bottom: -220px}, 500)

编辑：

改用高度

$(".tf_content").delay(5000).animate({    height: "0px",  }, 500 );

Answer 2

     $(document).ready(function() {
  $("#load_limit").slideUp(600)
                  .delay(6000)
                  .slideDown(600);
});


<div id="load_limit">some value here</div>

div {高度：100px；背景：红色；}

像这样的东西？

编辑到您自己的规格...

http://jsfiddle.net/xjEy5/2/

Answer 3

为什么使用窗口？利用

 setTimeout(show_popup, 5000);

要不就

$(".tf_content").delay(5000).slideDown();