animation - 实现动画 "sliding panels"最优雅的方式

Question

我正在尝试实现与 Aveda 类似的动画“滑动面板”效果网站。

所有可用的选项和 Javascript 库让我有点不知所措。检查 Aveda 网站代码后有点困惑。

请问关于如何完成这项任务有什么建议吗？哪个 Javascript/Effects 库最合适？我对一个图书馆没有比另一个更忠诚或更丰富的经验。

我的要求是:

• 跨浏览器兼容性(当然)
• 简单优雅的实现
• 不想重新发明轮子
• 能够动画化并通过鼠标点击激活(如 Aveda 的首页)
• 动态(不想在添加更多“面板”时修改 javascript)

我的第一印象是使用 Scriptaculous - Effect.Move，但我知道有现成的实现，例如 Spry's .

这位 Javascript 新手将不胜感激任何智慧和建议。

普兰博。

Answer 1

我喜欢http://www.davidmassiani.com/horinaja/

它可以使用鼠标滚轮以及链接在 Pane 之间滚动，并且可用于 script.aculo.us 和 jQuery。

我会推荐后者，因为它重量轻且易于学习/处理。