jquery - 在不使用 Flash 的情况下,我们可以多接近这种 Flash 效果?

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

请看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/

相关文章:

jquery ui datepicker 日期格式

javascript - 自定义 javascript 函数/jQuery 回调的正确语法

html - 如何正确地重新定义 FireFox 的 CSS 设置?

html - CSS - 使 div 的背景图像看起来与 HTML 页面的背景图像相同

css - IE7向右浮动导致父元素占满宽度

javascript - Jquery 用户界面对话框

javascript - Jquery UI 自动完成选择最接近的匹配

javascript - jQuery:仅当页面上当前没有运行 AJAX 时才提交表单

javascript - 如何保证javascript只加载一次

javascript - jQuery 数据表主题未应用于 jsp