jquery - 轮播或相关 点击和动画交互的建议

Question

在昨天下午浏览了 SO 和在线之后，并没有完全找到我认为我需要的东西之后，我想向社区征求建议。我有一个特定的交互我正在尝试制作原型(prototype)，我猜有一个插件我可以使用而不是从头开始，但我找不到它。

交互是一个长的水平显示和幻灯片。该应用程序打开时会显示一个 div。用户向右滑动或单击，第一个 div 向左滑动(但不是完全离开屏幕)，第二个 div 都淡入并移动到第一个 div 所在的空间。有多少 Pane ，交互就会继续(对于这个原型(prototype)，我们有五个深度)。用户可以随意进出——我计划通过单击可见 div 的左侧和右侧来显示这一点，因为设计显示一个大的灰色条，每侧都有一个淡入淡出的箭头。向后“向上”移动与向“向下”移动相反——div 逐渐消失，之前的 div 滑入到位。

此演示/原型(prototype)不需要触摸。

根据要求，这是一个草图:

Answer 1

我想尝试一下原型(prototype)。尺寸很小，因为它在 jsfiddle 中，但您可以扩展结果窗口并根据需要更改尺寸。我只在 Chrome 中测试过它，它使用了很多 CSS3:

http://jsfiddle.net/TdAhm/4/

这是一个截图。为什么不？我认为它与草图非常吻合。我对您是否真的希望前一个 div 被压扁而不是重叠感到有点困惑。这似乎不可取，因为 div 中的内容会被破坏，但这是可行的。