jQuery新聞速遞 - 平滑開始

編輯：使客觀清晰，最終股票應該褪色乾淨當文檔準備好和第一個動畫已經開始，有一個小的更新代碼和演示在這裏http://jsfiddle.net/pushplaybang/aFSJk/雖然開始仍然是有點波濤洶涌的改善jQuery新聞速遞 - 平滑開始

我目前正在建立一個推薦人的推薦，它工作得相當好，除了我試圖使用setTimout褪色的股票一旦加載頁面，而使用setTimout在頁面加載時停止顯示第一個項目，而不是按照我的意圖輕輕地淡入淡出，而是突然跳入到位。

有人能糾正我這樣做的方式嗎？有沒有更好的方式讓它淡入？

請注意，下面的內容將被包裝在文檔就緒函數中，並且在隨附的CSS中，容器最初設置爲顯示：無。

function bangingTicker(container,element) { 

    var tickContainer = $(container); 

    setTimeout(function(){ 
    tickContainer.fadeIn(1000); 
    },6200); 

     function tick(){ 
      var tickElem = tickContainer.children(element); 
      tickElem.eq(1).siblings().animate({ 
       opacity: 0 
       },400, function() { 
        tickContainer.stop(true,true).delay(10).animate({ 
        'margin-top': 120 
        },0,function() { 
         tickContainer.delay(100).animate({ 
         'margin-top': 20 
         },8000); 
        }); 
         tickElem.first().appendTo(tickContainer); 
         tickElem.eq(1).delay(200).animate({ 
          opacity: 1 
         },400); 
        }); 

     } 

     setInterval(function(){ tick() }, 6000); 

} 

bangingTicker('#testi_ticker','li');

來源

2012-08-02 pushplaybang