请查看Cheese & Burger网站。
更准确地说,看看底部的滑块与上面的翻转面板的关系。
我知道我可以对jQuery UI Slider进行皮肤处理,以相对容易地完成滑块。我更关心在不诉诸 Flash 的情况下,你可以多接近翻转效果。
我不想使用 Canvas,因为我不知道它也没有时间学习它(还)。
我可以使用最新的 Gecko 和 WebKit 支持的任何 CSS3 东西,只要它对 IE 有一定的优雅降级(也许他们可以简单地为 IE 更改)。
理想情况下,面板应该div
包含任何(合理的)内容。这种为效果排除了动画img
元素的height
属性。
如果您不按顺序进行(如 Flash 那样),则不一定需要翻阅途中面板。
我想也许我可以用 jQuery 为 s 的高度设置动画overflow: hidden
div
,并制作动画期间突出的位的精灵(因为这些片段中没有内容)。我可以用setInterval()
.
我想当页面向你靠近和离开时它不会产生缩放效果,但我想我可能能够摆脱它。
我将使用 jQuery 1.4。
在我开始讨论之前,您认为是否值得尝试,或者如果没有 Flash(截至目前)它根本不可行?
如果可行,您有什么建议吗?我不是在寻找工作代码(尽管片段会很好),更多的是对我可能忽略的事情的建议。