具有嵌套效果循环的jquery动画

I have a nested function to show/hide paragraphs news-ticker-style.

我有一个嵌套函数来显示/隐藏段落news-ticker-style。

The problem is that when the loop starts over (line 4), the opacity effects stop working correctly so the paragraphs appear abruptly.

问题是,当循环重新开始时(第4行),不透明效果会停止正常工作,因此段落会突然出现。

Any jquery masters know about this? Am I making this too hard?

任何jquery大师都知道这个吗?我这太难了吗?

$('#special-ticker p').hide();
var a=0;
function outer() {
    function inner() {
        if(a===$('#special-ticker p').length) { a = 0; }
        $('#special-ticker p').
        eq(a).
        fadeIn(800, function(){
            $(this).animate({opacity:100},10000,null,function(){
                $(this).hide(800,function(){
                    a++;
                    outer();
                });
            });
        });
    }
    return inner();
}
$(function(){ 
    outer(); 
});

4 个解决方案

#1

the problem is line 9:

问题是第9行:

$(this).animate({opacity:100},10000,null,function(){
//...

opacity should be "1" (opacity is a value between 0 and 1)

不透明度应为“1”(不透明度为0到1之间的值)

$(this).animate({ opacity : 1 }, 10000, null, function() {

4 个解决方案

#1

更多相关文章

随机推荐