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

标签 jquery animation

我有一个嵌套函数来显示/隐藏新闻股票样式的段落。

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

有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(); 
});

最佳答案

问题出在第 9 行:

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

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

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

关于具有嵌套效果循环的 jquery 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/291922/

相关文章:

javascript - 当模态在 vue 实例之外定义时,Bootstrap 模态不起作用

javascript - AnimationMixer 不会播放动画(gltf 文件)

animation - 如何在 Gnuplot 中使用抗锯齿来制作 gif?

animation - 如何为 Tween<Offset> 转换 RenderBox 全局位置坐标?

css - 打破CSS中的无限动画

jquery - 如何使用两个背景图像

javascript - 如何等到元素存在?

php - PHP中的jquery Ajax数据发布问题

javascript - 使用 Jquery Ajax 调用 Asp.net Web 方法

java - 在 JDialog 的展示中绘制动画