我最近承担了用 Javascript/jQuery 构建动画的任务。该动画由一个围绕伦敦地铁 map 移动的圆圈组成。每次经过车站时,车站名称都会带有下划线。
我仍在努力完善它,并注意到当选项卡处于非事件状态时,如果返回页面时会扰乱序列的时间。因为我将它嵌入到 iframe 中,当我使用 $(window).focus()
或 $(window).blur()
时,它似乎不起作用。
我使用 jQuery animate 函数对圆圈进行了动画处理,并简单地将文本下方所有行的不透明度设置为 0,并对其进行延迟,以便将不透明度动画设置为 100。 我在下面放置了一个链接来显示动画。我目前正在调整的动画仍然存在问题,但我不确定如何解决非事件选项卡问题。任何帮助都会很棒。
最佳答案
我认为您可以使用动画回调函数,但您必须重新编码所有逻辑:
$(".icon")
.animate({left:'+=23px',top:'+=23px'},500,'linear',function(){$(".Chesham").animate({opacity:1},10);})
.animate({left:'+=22px'},500,'linear',function(){$(".Chalfont").animate({opacity:1},10);})
对所有人都做同样的事情。
关于jquery - 非事件选项卡中的 Javascript/Jquery 计时错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16399057/