我有一个网页,我想添加一个很好的翻页效果。我见过很多jQuery插件,但我有一些问题和不喜欢。
这就是我想要的:
我最喜欢的插件是jFlip,但它只适用于图片。我喜欢这种效果,但使用标准的HTML代码。
有谁知道怎么做?
谢谢!
答案 0 :(得分:0)
您必须使用图片才能给人一种翻页的印象。
答案 1 :(得分:0)
jQuery Sexy Curl插件是否适合您的需求? (同时要记住,没有人会有你想要的东西)
答案 2 :(得分:0)
最初我写过:AFAIK没有一个真正伟大的页面转换效果的jQuery。所有这些(很少)都有缺点。以下是我的发现:
编辑:我已经重新考虑了这一点,现在我认为imBookFlip确实是一个用jQuery编写的很棒的翻页效果。为什么我改变了我的看法?这是因为我自己修改了剧本以克服动画的一个缺点,因为我原来的帖子显示... ...imBookFlip: http://grasshopperpebbles.com/ajax/jquery-plugin-imbookflip-page-turning-without-flash/
这正是我们正在寻找的...... 我的意思是,它几乎就是!如果实际的页面翻转效果没有将原始图像保留在原位,仅在翻转完成后将其替换为新页面,那将是完美的。但这不是一个很大的问题(请参阅我已修改的文章以解决此问题)
这在很多方面都很好,因为即使页面上的所有样本(imBookFlip Demo)显然只使用图像,它也适用于div标签,因此任何内容都是可能的(在样本中,它们使用空div元素)与背景图像,所以你可以结合图像和内容)。我正在为我的妻子创建一个投资组合,他是一个图书管理员,我正在使用这个组件来创建一本包含她信息的书,它仍在进行中,所使用的字体仅用于展示,但你可以得到这个想法:http://lucianasciammarella.com.br
编辑:我刚刚更新了脚本,通过在动画页面翻转时不将旧图像留在原位,使动画更流畅。现在它看起来更加真实。我妻子的投资组合页面已经运行了更新的脚本,可以直接在这里下载:http://lucianasciammarella.com.br/jquery.imBookFlip-0.6A.jsEDIT2:我已经联系了原作者并用我更新的脚本在网站上发表了评论,但他奇怪地删除了我的帖子而没有回复...我真的想确保我不想要合适任何人的创造,正如我所说的那样,所有的荣誉都归于他一样!
(请记住,我所做的只是添加两行代码,所有学分都归原作者所有,因为我没有改变任何其他内容,要学习如何使用它,请参阅原文网站,或查看我妻子的页面源代码......)
使用jQuery赞助Flip Wall: http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/
这是一个更简单的翻转,但在许多方面令人惊讶。它可以扩展为翻页翻页。它也适用于任何内容。唯一的问题是,目前它翻过页面的中心,而不是书页...(毕竟它不是用于页面翻转效果......)
希望这两个可以帮助你...现在如果你想要一个非常整洁的页面翻转效果,你可以使用DevExpress Silverlight书籍组件(转到http://demos.devexpress.com/AgCoreDemos/点击左边的控件,然后选择书或书籍日历演示)