2013-02-05 90 views
2

我下載了一個腳本,在我的網站上顯示最新的Twitter訂閱源。到目前爲止一切正常。我現在想要做的是將動畫從sliding更改爲fadeIn fadeOutjQuery .animate()問題

在這裏看到:http://jsfiddle.net/BXJbA/3/

我想這是一個需要進行修改,以實現淡入淡出效果的代碼的一部分,但我真的在這裏,不知道是否有人可以幫助我在這個問題上卡住了。

jQuery(function($){ 
    $("#ticker") 
     .tweet({ 
      username: "twitter", 
      page: 1, 
      avatar_size: 32, 
      count: 20, 
      loading_text: "loading ..." 
     }) 
     .bind("loaded", function() { 
      var ul = $(this).find(".tweet_list"); 
      var ticker = function() { 
       setTimeout(function() { 
        var top = ul.position().top; 
        var h = ul.height(); 
        var incr = (h/ul.children().length); 
        var newTop = top - incr; 
        if (h + newTop <= 0)  
         newTop = 0; 
        ul.animate({top: newTop}, 400); 
        ticker(); 
       }, 4000); 
      }; 
      ticker(); 
     }); 
}); 

回答

0

試試這個:http://jsfiddle.net/BXJbA/4/

ul.animate({opacity: 0}, 400).animate({top: newTop}, 400).animate({opacity: 1}, 400); 

玩過與做同樣的事情fadeIn()和​​透明度。

+0

動畫效果現在確實有效,謝謝。但現在只有第一個粗花呢反覆重複。所有其他人不再出現。任何線索爲什麼? – Kev89

+0

只是更新了答案,你可以看到小提琴的鏈接。 – Jai

+0

太棒了!非常感謝你! – Kev89