请看Cheese & Burger网站。
更准确地说,看看底部的 slider 与上面的翻转面板的关系。
我知道我可以剥皮 jQuery UI Slider做 slider 比较容易够了。我更关心的是在不借助 Flash 的情况下,您可以获得多近的翻转效果。
我不想使用 Canvas,因为我不知道也没有时间学习(还)。
我可以使用最新的 Gecko 和 WebKit 支持的任何 CSS3 东西,只要它对 IE 稍微降级(也许它们可以简单地为 IE 改变)。
理想情况下,面板应该是包含任何(合理的)内容的 div
。这种排除了动画 img
元素的 height
属性的效果。
如果您不按顺序进行操作(如 Flash 那样),它不一定需要在途中 面板中翻转。
我想也许我可以用 jQuery 为 overflow: hidden
div
的高度设置动画,并制作动画期间突出的位的 Sprite (因为那里这些片段中没有内容)。我可以使用 setInterval()
单步执行帧。
我猜它不会随着页面向你靠近和离开而产生缩放效果,但我想我可以摆脱它。
我将使用 jQuery 1.4。
在我开始讨论之前,您认为它是否值得尝试,或者如果没有 Flash 就根本无法实现(截至目前)?
如果可行,您有什么建议吗?我不是在寻找工作代码(虽然片段会很好),更多的是针对我可能忽略的事情的建议。
最佳答案
jQuery 有几个pageturn 插件,可以达到类似的效果。这是一个example .还有其他几个。
关于jquery - 在不使用 Flash 的情况下,我们可以多接近这种 Flash 效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3633049/