首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery .animate()问题

jQuery .animate()问题
EN

Stack Overflow用户
提问于 2013-02-06 01:51:57
回答 1查看 400关注 0票数 2

我下载了一个脚本,可以在我的网站上显示最新的Twitter订阅。到目前为止,一切运行正常。我现在想做的是将动画从sliding改为top再改为fadeIn fadeOut

查看此处:http://jsfiddle.net/BXJbA/3/

我猜这是代码中需要修改的部分,以达到淡入淡出的效果,但我真的被困在这里,不知道是否有人能在这个问题上帮助我。

代码语言:javascript
复制
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();
        });
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-06 02:00:25

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

代码语言:javascript
复制
ul.animate( {opacity: 0}, 400 ).animate( {top: newTop}, 400 ).animate( {opacity: 1}, 400 );

使用与fadeIn()fadeOut()做同样事情的不透明度。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14713752

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档