试图找出文本滚动效果

【问题标题】：Trying To Figure Out A Text Scroll Effect试图找出文本滚动效果
【发布时间】：2011-11-04 03:23:48
【问题描述】：

我喜欢我在网站上看到的效果，我一直在仔细筛选他们的 javascript 和 CSS，看看它是如何完成的。然而，这个网站是韩国的，为了让它更难，我一开始就不太精通 javascript。

有没有人看到页面右上角的效果，页面每隔几秒更新 10 个链接 - 特别是文本滚动到位的方式？

【问题讨论】：

哇！整洁的效果。似乎在“关键字”脚本中……不过需要不混淆……更容易重建效果。
是的，我无意中检查了访问我网站的 http-referer（我的问题中的 URL），这是第一个让我印象深刻的想法。浏览该代码已经有数周时间了。我正在努力学习这种设计知识，更像是一个数据库专家。

【解决方案1】：

他们有一个包装 div，其中包含 overflow: hidden。

然后在那个 div 里面有 2 个 div，分别是当前值和下一个值。

<div class="wrap">
    <div class="current">
        foo
    </div>
    <div class="next">
        bar
    </div>
</div>

在效果之后，您只需将.next 设为.current 一个，并使用AJAX 添加一个新的.next 值。

首先，.next div 在 .wrapper 之外（实际上在下面），然后他们将其向上移动。

这个效果可以很容易地用jQuery同时移动两个div来完成。

$('.current').animate({
    'top': '-1em'
});
$('.next').animate({
    'top': 0
});

【讨论】：