1

我正在尝试为我的网站上的云图像设置动画,以缓慢地通过我的标题,就像在http://toriseye.quodis.com/上使用原型和 script.aculo.us 一样。我无法获得正确的效果,因为它太快了,似乎接近尾声,不平滑并且在第一次运行后不会重复。出于某种原因,我无法在问题框中发布 jsfiddle.net 链接,因此请参阅下面的评论 :)

4

1 回答 1

1

首先使用transition: Effect.Transitions.linear它会使它变得光滑

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

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

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

看看我对你的小提琴的编辑

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

我假设您的目标是多个云 - 我会查看并行效果选项,以便它们都在同一个计时器上运行 http://madrobby.github.io/scriptaculous/effect-parallel/

于 2013-07-27T01:11:18.790 回答