使用javascript,如何在点击锚标签后为元素的运动设置动画?

时间:2011-05-25 05:47:29

标签: javascript animation javascript-events

就像标题所说,我在点击锚标签后如何移动元素?移动的地方和mvoe有多快我不在乎,我只是想在每次点击锚链接后如何保持元素动画。

1 个答案:

答案 0 :(得分:0)

我很无聊,这是一个如何做你想做的评论的例子,看看是否有帮助:http://jsfiddle.net/fTHBy/3/

你需要做一些事情才能得到你想要的东西。目前还不清楚你错过了什么,所以无论如何我都会列出它们。

  1. 您需要将一个事件监听器附加到您的锚标签,以便在人们点击它时执行您的javascript。您可以使用原始JS element.addEventListener(type, handler);函数或您选择的库。它也可能有助于调用event.preventDefault();按照链接停止浏览器。
  2. 您需要定期更新,才能制作动画。您可以使用window.setTimeout(fnc, delay);并确保fnc再次调用setTimeout,如果您需要继续设置动画,或使用window.setInterval(fnc, delay);并让计时器无限期运行。
  3. 您需要在上面使用的fnc函数中更新元素的位置。在原始JS中element.style.left = number + "px";number随时间变化。