小编Mim*_*imo的帖子

如何在for循环的每次传递中增加动画的延迟

首先我创建了什么,我目前所面对的一个基本的示范这里.

其次,这是我正在使用的JavaScript.

var boxes = ["#one","#two","#three","#four"];

boxhover = function(a){
    $("#hover").hover(
        function(){
            $(a).stop(true).delay(250).animate({opacity:1});
        },
        function(){
            $(a).stop(true).delay(250).animate({opacity:0});
        }
    )
}

for(var i=0; i<boxes.length; i++)
{
    boxhover(boxes[i])
}
Run Code Online (Sandbox Code Playgroud)

我希望实现的是让每个盒子一个接一个地悬停,延迟时间为250.我已经尝试为动画功能添加延迟(如上所示)以及for中的setTimeout循环,但没有运气.任何帮助都会很棒.

javascript jquery for-loop delay jquery-animate

6
推荐指数
1
解决办法
205
查看次数

标签 统计

delay ×1

for-loop ×1

javascript ×1

jquery ×1

jquery-animate ×1