在不使用 Flash 的情况下，我们能接近这种 Flash 效果吗？

Question

请查看Cheese & Burger 网站。

更准确地说，看看底部的滑块与上面的翻转面板的关系。

我知道我可以对jQuery UI Slider 进行皮肤处理以相对容易地完成滑块。我更关心的是，在不借助 Flash 的情况下，您可以多接近翻转效果。

我不想使用 Canvas，因为我不知道，也没有时间学习它（还）。

我可以使用最新的 Gecko 和 WebKit 支持的任何 CSS3 东西，只要它在 IE 上稍微优雅地降级（也许他们可以简单地为 IE 更改）。

理想情况下，面板应该是divs，包含任何（合理的）内容。这种排除了动画img元素的height属性的效果。

如果您不按顺序进行（如 Flash 那样），则不一定需要在 途中 面板中进行翻转。

我想也许我可以用 jQuery 为 overflow: hiddendivs 的高度设置动画，并制作动画期间突出的位的精灵（因为这些片段中没有内容）。我可以使用setInterval() 逐步浏览框架。

我想它不会在页面向你靠近和离开时产生缩放效果，但我想我可能能够摆脱它。

我将使用 jQuery 1.4。

在我开始讨论之前，您认为是否值得一试，或者如果没有 Flash（截至目前）根本无法实现？

如果可行，您有什么建议吗？我不是在寻找工作代码（尽管 sn-ps 会很好），更多的是针对我可能忽略的事情的建议。

Answer 1

jQuery有几个pageturn插件，可以达到类似的效果。这是一个example。还有其他几个。