翻页效果与html内容,而不仅仅是图像!使用jQuery

翻页效果与html内容,而不仅仅是图像!使用jQuery,jquery,jquery-plugins,effects,Jquery,Jquery Plugins,Effects,我有一个网页,我想添加一个很好的翻页效果。我见过很多jQuery插件,但我有一些问题和不喜欢的地方 这就是我想要的: 当动画运行时,我必须能够看到翻页中的内容 我不想只是滑动内容。我需要一个看起来像翻书的东西 我最喜欢的插件是,但它只适用于图像。我喜欢这种效果,但在其中使用标准HTML代码 有人知道怎么做吗 谢谢 您必须使用图像来给人翻页的印象。s插件适合您的需要吗?(请记住,没有人会得到你想要的东西)最初我写了这样一篇文章:好吧,jQuery没有一个真正伟大的翻页效果。它们都(很少)有缺点

我有一个网页,我想添加一个很好的翻页效果。我见过很多jQuery插件,但我有一些问题和不喜欢的地方

这就是我想要的:

  • 当动画运行时,我必须能够看到翻页中的内容
  • 我不想只是滑动内容。我需要一个看起来像翻书的东西
我最喜欢的插件是,但它只适用于图像。我喜欢这种效果,但在其中使用标准HTML代码

有人知道怎么做吗


谢谢

您必须使用图像来给人翻页的印象。

s插件适合您的需要吗?(请记住,没有人会得到你想要的东西)

最初我写了这样一篇文章:好吧,jQuery没有一个真正伟大的翻页效果。它们都(很少)有缺点。以下是我的发现:

编辑:我已经重新考虑了这一点,现在我认为imBookFlip确实是用jQuery编写的一个伟大的翻页效果。为什么我改变了我的观点?这是因为我自己修改了脚本,以克服动画的一个缺点,正如我最初的博文所显示的那样

imBookFlip:

这正是我们要找的。。。我是说,几乎是这样!如果实际的翻页效果没有保留旧图像,只是在翻页完成后将其替换为新页面,这将是完美的。但这并不是一个很大的问题(请参阅下面的内容,了解我解决了这个问题后修改的脚本)

这在很多方面都是好的,因为尽管页面()上的所有示例显然只使用图像,但它与div标记一起工作,因此任何内容都是可能的(在示例中,它们使用空div元素和背景图像,因此您可以将图像和内容结合起来)。我正在为我的妻子创建一个公文包,她是一名图书管理员,我正在使用此组件创建一本包含她的信息的书,这仍然是一项正在进行的工作,使用的字体仅用于展示,但您可以通过查看以下内容了解这一想法:

编辑:我刚刚更新了脚本,通过在设置页面翻转动画时不保留旧图像,使动画更加平滑。现在看起来更现实了。我妻子的公文包页面已经在运行更新的脚本,可以在此处直接下载:

编辑2:我已经联系了原作者,并用我更新的脚本在网站上发表了评论,但奇怪的是,他只是删除了我的帖子,没有回复。。。我真的想确保我不想挪用任何人的创作,正如我所说的,所有的功劳都归他一个人

(请记住,我所做的只是添加了两行代码,所有的学分都归原作者所有,因为我没有更改任何其他内容,要了解如何使用它,请参考原网站,或查看我妻子的页面源代码…)

赞助商用jQuery:

这是一个简单的翻转,但在许多方面都令人惊奇。它可以扩展为书本翻页。它也适用于任何内容。唯一的问题是,目前它翻转到页面中心,不像书页。。。(毕竟,它不是为翻页效果设计的…)


希望这两个人能帮助你。。。现在,如果你想要一个真正整洁的页面翻转效果,你可以使用DevExpress Silverlight图书组件(点击左边的控件,然后选择图书或图书日历演示)

网络不是图书=),但如果这是你的要求,你可能必须使用Flash或Silverlight。我现在正在查看。我喜欢这个效果。现在,我试图在首页通过后,使三角形消失,所以后面的页面保持在前面。然后我应该对最后一页做同样的操作,并查看转到下一页的效果。谢谢!如果你知道怎么做,那就太好了!同时,我会把这个。。。