如果不使用Flash,我们能够接近这个Flash效果吗?

时间:2010-09-03 04:30:45

标签: jquery css jquery-ui jquery-ui-slider

请查看Cheese & Burger网站。

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

我知道我可以使皮肤jQuery UI Slider相对容易地做滑块。我更关心的是你可以在不诉诸Flash的情况下接近翻转效果。

我不想使用Canvas,因为我不知道它并且没有时间学习它(还)。

我可以使用最新的Gecko和WebKit支持的任何CSS3内容,只要它在IE上有点优雅地降级(也许它们可以简单地改为IE)。

理想情况下,这些面板应该是div s并且具有任何(合理的)内容。这种排除了动画img元素height属性的效果。

如果不按顺序执行路由面板,则不一定需要翻转路由面板。(正如Flash一样)。

我想也许我可以使用jQuery为overflow: hidden div s的高度设置动画,然后制作一个在动画中突出显示的位的精灵(因为这些部分中没有内容)。我可以使用setInterval()逐步完成框架。

我猜它不会有缩放效果,因为页面会朝向你而去,但我想我可以逃脱它。

我将使用jQuery 1.4。

在我进入这个之前,你觉得它值得尝试还是没有Flash(目前为止)它是不可行的?

如果可行,你有什么建议吗?我不是在寻找工作代码(虽然片段会很好),更多的是我可能忽略的建议。

1 个答案:

答案 0 :(得分:2)

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