Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
像JavaScript和CSS中的页面翻转这样的iBook?_Javascript_Jquery_Css_Jquery Plugins - Fatal编程技术网

像JavaScript和CSS中的页面翻转这样的iBook?

像JavaScript和CSS中的页面翻转这样的iBook?,javascript,jquery,css,jquery-plugins,Javascript,Jquery,Css,Jquery Plugins,好的,我一直在谷歌上搜索,希望这里有人知道我要去的地方 我正在搜索一个JavaScript页面翻转动画,它与苹果在iBooks上的做法非常接近,只翻转了一个页面,就只显示了下一个页面 (编辑:可能我的描述不够清晰:我正在寻找一种页面翻转效果,它可以将整个常见的HTML网站(例如,想象这个stackoverflow页面)转换为另一个页面,例如,通过应用页面翻转效果(例如,当“提问”时)来“添加问题”屏幕被点击。我知道这可能是一件很难实现的事情,因为它涉及到准备好数据,显示一个页面,进行转换效果,然

好的,我一直在谷歌上搜索,希望这里有人知道我要去的地方

我正在搜索一个JavaScript页面翻转动画,它与苹果在iBooks上的做法非常接近,只翻转了一个页面,就只显示了下一个页面

(编辑:可能我的描述不够清晰:我正在寻找一种页面翻转效果,它可以将整个常见的HTML网站(例如,想象这个stackoverflow页面)转换为另一个页面,例如,通过应用页面翻转效果(例如,当“提问”时)来“添加问题”屏幕被点击。我知道这可能是一件很难实现的事情,因为它涉及到准备好数据,显示一个页面,进行转换效果,然后显示第二个页面,而第一个页面可以从内存中释放。然而,随着所有HTML5、JS和CSS的狂热,我希望有人已经做出了这样的转换效果,我知道如果有一个在那里,这里的人知道在哪里可以找到它。遗憾的是,我在JS和CSS方面做得太差了,以至于自己无法完成。)

下面是一个很好的CSS示例(始终显示两个页面宽度):

下面是另一个例子(很遗憾,翻页后需要显示两页):


我需要这种效果来只翻转一个页面,并且在翻转后只显示第二个HTML页面。你知道一个库或者一个现成的脚本可以做到这一点吗?我绝对不希望Flash或Silverlight成为解决方案的一部分。

这是我能找到的最接近单页翻转的iBook,但与iBook相比仍然非常奇怪

顺便说一句,我正试图实现一些和你一样的东西,几乎像一个“iBooks克隆”

这里是一些CSS3动画,我正在研究它,试图制作类似的东西(但没有第二页)


我最近用纯CSS制作了一个页面翻转/动画书效果。好的是,它实际上有一个很好的3d效果。尽管它目前只在谷歌浏览器上运行良好,但对于任何感兴趣的人来说,这可能是一个很好的起点

blogpost包含一把小提琴,因此可以随意使用代码


干杯似乎是一个很好的起点。代码是。

老实说,我所知道的最酷的翻页书是:

如果你有任何接近这一点的信息,我很高兴再次收到你的来信。我会检查这是正确的答案,虽然我猜到目前为止没有什么像我们搜索的那样。谢谢。我不是JS大师,但我会尽我所能来做这个翻转。如果我有任何进展,我会告诉你。@Akku只是一个更新,我发现了一些好东西:(演示:)。。这是画布,但无论如何效果都很好。@RaphaelDDL非常感谢您提供的链接,我的外观与您发布的完全相同。嗨,pascal,我们可以在wordpress中实现turn.js吗?如果可以,请给出一些提示