滚动内容

Question

有没有人知道是否有一个通用的JavaScript库来启用滚动许多热门网站为频繁更新的内容做的事情？例如:http://foursquare.com/有一个很好的例子,我想要的,我想如果有一个常见的js库,我似乎无法在谷歌中正确查询,我会省去麻烦.

Answer 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>