在JavaScript和CSS中类似iBooks的页面翻转?

前端之家收集整理的这篇文章主要介绍了在JavaScript和CSS中类似iBooks的页面翻转?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
好吧,我一直在谷歌搜索,希望有人在这里知道一个指向我的地方.

我正在寻找一个适合JavaScript页面翻转动画,这与Apple在iBooks上的表现非常接近,只有一页翻页显示下一页.

(编辑:也许我的描述不够明确:我正在寻找一个页面翻转效果,将一个整个常见的HTML网站,例如想象这个stackoverflow页面,转换到另一个,例如通过应用“添加问题”屏幕页面翻转效果,例如当点击“提问”时.我知道这可能是一个难以实现的事情,因为它涉及准备好数据,显示一个页面,制作过渡效果然后显示第二页,而第一页可以从内存中释放.然而,随着所有的HTML5,JS和CSS热潮我希望有人做过这样的过渡效果,我希望如果有一个,那里有人知道在哪里可以找到它.可悲的是我在JS和CSS上太过分了,以便自己完成它.)

这是一个很好的CSS示例(总是显示两页宽度):

http://builtbywill.com/code/booklet/

这是另一个例子(遗憾地需要在翻转后显示两个页面):

http://www.romancortes.com/ficheros/page-flip.html

我需要该效果只翻转一页,也只是在翻转后显示第二个HTML页面.你知道一个库或一个可以使用的脚本吗?我绝对不希望Flash或Silverlight成为解决方案的一部分.

解决方法

Turn.js似乎是一个很好的起点.代码up on GitHub.

猜你在找的JavaScript相关文章