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