使用prototype和script.aculo.us创建滚动图像

时间:2013-07-26 22:07:55

标签: javascript animation prototypejs scriptaculous

我正在尝试在我的网站上制作云图像以慢慢移动我的标题,就像在http://toriseye.quodis.com/上使用prototype和script.aculo.us一样。我不能得到正确的效果,因为它太快,似乎上升到最后,不顺畅,并且在第一次运行后不会重复。出于某种原因,我无法在问题框中发布jsfiddle.net链接,请参阅下面的评论:)

1 个答案:

答案 0 :(得分:1)

首先使用transition: Effect.Transitions.linear,因为这将使其顺利

加上你正在以1秒(1000毫秒)运行间隔,但是告诉移动效果持续5秒 - 这会混淆javascript

然后你需要重置你正在移动的元素的位置 - 使用afterFinish回调来这样做

我不确定它上升的确切原因 - 但是如果你使用相对模式而只是使用x参数就不会上升

看看我对你小提琴的编辑

http://jsfiddle.net/nukt2/4/

我假设你的目标是多个云 - 我会看看Parallel Effects选项,所以它们都在同一个计时器上运行 http://madrobby.github.io/scriptaculous/effect-parallel/

相关问题