簡體   English   中英

滾動內容

[英]Scrolling content

有誰知道是否有一個通用的JavaScript庫可以使許多流行的網站進行滾動以便經常更新內容? 例如: http : //foursquare.com/有一個很好的例子,說明我正在尋找什么,如果有一個通用的js庫,但我似乎無法在google中正確查詢,我想為自己省去麻煩。

我喜歡那種效果。 使用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> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM