请查看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(目前为止)它是不可行的?
如果可行,你有什么建议吗?我不是在寻找工作代码(虽然片段会很好),更多的是我可能忽略的建议。