jquery - jQuery .animate() 问题

Question

我下载了一个脚本，它在我的网站上显示了最新的 Twitter 提要。到目前为止一切正常。我现在想做的是将动画从slidingto top 更改为fadeIn fadeOut.

见这里：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();
        });
});

Answer 1

试试这个：http: //jsfiddle.net/BXJbA/4/

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

玩弄做同样事情的不透明度fadeIn()和fadeOut().