6

我最近承担了用 Javascript / jQuery 构建动画的任务。动画由一个围绕伦敦地铁地图移动的圆圈组成。每次经过车站时，车站名称都会加下划线。

我仍在努力完善它，并注意到，如果返回页面时，当标签不活动时，则序列的时间弄乱了。$(window).focus()因为我将它嵌入到 iframe 中，所以当我使用or时它似乎不起作用$(window).blur()。

我已经使用 jQuery animate 函数为圆圈设置了动画，并简单地将文本下所有行的不透明度设为 0，并对其进行延迟以将不透明度设置为 100。我在下面放置了一个链接以显示动画原样. 我目前正在调整的动画仍然存在问题，但我不确定如何解决非活动选项卡问题。任何帮助都会很棒。

无框： http ://www.gbutlercreative.co.uk/london/index.html

带框架 http://www.gbutlercreative.co.uk/london/frame.html

4

1 回答 1

1

我认为您可以使用动画回调函数，但您必须重新编码所有逻辑：

$(".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);})

对所有人做同样的事情。

于 2013-05-06T13:10:54.447 回答