Question

我们说我有一个div A，我有一系列文本数据。

在t = 0时，div A将显示$data[0]。每隔n秒后，我希望div显示数组中可用的下一条记录。

我想创建一个类似于this slideshow effect的过渡效果。在此过渡效果中，用户应该能够看到$data[n]从div的中心缓慢滑动到底部，而$data[n+1]正在从div的顶部到中心缓慢滑动。 / p>

是否可以使用jQuery执行此操作？

Answer 1

你可以尝试一下：

<div id="container">
    <div class="inner">click me</div>
    <div class="inner">im a text</div>

</div>

$("#container").on("click",function() {
  $( "#container" ).animate({
      top: "-=100%",

  }, 1000, function() {
    // Animation complete.
  });
});

这是一个fiddle

如何使用jQuery使用幻灯片效果将div的内容从旧数据更改为新数据？

1 个答案: