滚动内容答案

【问题标题】：Scrolling content滚动内容
【发布时间】：2010-02-24 10:08:07
【问题描述】：

有谁知道是否有一个通用的 javascript 库来启用许多流行网站对经常更新的内容所做的滚动？例如：http://foursquare.com/ 有一个很好的例子来说明我正在寻找什么，我想如果有一个我似乎无法在谷歌中正确查询的通用 js 库，我会为自己省去麻烦。

【问题讨论】：

欺骗stackoverflow.com/questions/1072712/…

标签： javascript jquery ajax

【解决方案1】：

我喜欢这种效果。使用 JQuery 似乎很简单。获取新内容时不能在页面上附加一个隐藏的div，然后使用slideDown函数吗？

实际上，在查看源代码后，他们就是这样做的：

<script type="text/javascript"> 
      var delay = 5000;
      var count = 30;
      var showing = 10;
      var i = 0;
      function move(i) {
        return function() {
          $('#recent'+i).remove().css('display', 'none').prependTo('#items');
        }
      }
      function shift() {
        var toShow = (i + showing) % count;
        $('#recent'+toShow).slideDown(1000, move(i));
        $('#recent'+i).slideUp(1000, move(i));
        i = (i + 1) % count;
        setTimeout('shift()', delay);
      }    
      $(document).ready(function() {
        setTimeout('shift()', delay);
      });
    </script>

【讨论】：