使用Javascript翻转div

时间:2010-05-02 18:20:04

标签: javascript jquery

Flip是一个很棒的JQuery插件,用于翻转块,但它不会保留背景,同时为翻转动画。

例如,I have this pretty background here,在我翻转之前。 While flipping, it gets ugly

有没有办法可以很好地翻转这个div,保持漂亮的背景,甚至可以实现比Flip更流畅的动画?

如果我需要深入研究这个问题并编写我自己的函数来翻转div,这也是可行的,我真的很感激那里的指针,如果这是我必须做的。

非常感谢!

3 个答案:

答案 0 :(得分:3)

尝试使用jQuery QuickFlip插件,这个插件在处理背景时非常简洁。

答案 1 :(得分:1)

尝试查看momoflow,它是一种Coverflow类型的应用程序,可以将背景设置为不同的角度。

但它正在使用canvas标签,如果您想要IE兼容性,这可能是一个问题。然而,开发人员使用的技术是将图像切割成几个垂直切片并使其位置动画化。您可以扩展此功能以引入完整的翻转!

答案 2 :(得分:1)

一个非常酷的方法是使用CSS 3转换。它比使用脚本要好得多;你应该总是避免使用可以使用更简单方法的脚本。