如何在悬停时设置特定框架

时间:2017-01-18 00:41:26

标签: animation canvas createjs

当鼠标悬停在我的广告上时,我正试图跳转到特定位置(框架)。我试过了:

for tag in soup.select('a.title.outbound'):
    print(tag['href'])

以上不起作用。动画停止但我无法更改画布上的实际帧。

也许我需要使用var element = document.getElementById('animation_container'); element.addEventListener('mouseover', element, function() { createjs.Ticker.removeEventListener("tick", stage); createjs.Tween.setPosition(502); }); element.addEventListener('mouseleave', element, function() { createjs.Ticker.addEventListener("tick", stage); }); 重新启动动画,并在此函数中说明动画的起始位置?非常感谢你能给我的任何帮助。

1 个答案:

答案 0 :(得分:2)

在您的示例中,您正在删除" tick"甚至在你设定位置之前的阶段。如果没有阶段更新,您将无法看到画布的任何更改。您需要在进行更改后再次更新阶段。

首先,您需要返回补间动画的补间实例,以便直接将函数应用于它:

var tween = createjs.Tween.get(target);

然后,您可以尝试将其作为侦听器函数:

createjs.Ticker.removeEventListener("tick", stage);
tween.setPosition(502);
stage.update();

或者,您也可以尝试暂停Tween而不删除阶段刻度,使用:

tween.setPaused(true);

顺便说一下,据我所知,事件监听器将把监听器函数作为第二个参数,而不是目标元素。