本文为你带来15个非常实用的、实现类似翻书效果的jQuery插件,你可以很容易地整合到你的web应用中,提升用户体验。
1. BookBlock
BookBlock可以将任何内容(如图像、文本)创建为翻页效果,带有一个翻页导航,可用于创建小册子等组件。

阅读更多 / 演示
2. imBookFlip
该插件允许你在iframe或页面中加载电子书,可以设置为在页面加载时开始翻书效果,也可以设置为手动点击时开始。还可以通过Sound Manager添加声音效果。

阅读更多 / 演示
3. jFlip
该插件可以将图片库转换为书本效果。单击或拖动书角,会出现一个翻页的效果。

阅读更多 / 演示
4. turn.js
该插件受iBooks和Maps for iOS的启发,基于HTML5实现了一个真实的翻书或杂志的效果。

阅读更多 / 演示
5. 基于jQuery和CSS3 3D Transforms的翻转效果

阅读更多 / 演示
6. jQuery响应式的翻页书
也可在iPad上运行,无需Flash Player。

阅读更多 / 演示
7 全屏翻转效果
基于BookBlock的全屏翻转效果,也可通过左侧滑出式侧边栏来访问内容。

阅读更多 / 演示
8. 虚拟笔记本
一个能够翻页的虚拟的笔记本。

阅读更多 / 演示
9. Bookflip
完全重建了Bookflip引擎,以便在现代浏览器中拥有更好的表现,也可用于IE8/9中。

阅读更多 / 演示
10. Booklet
基于jQuery的翻页书布局插件。

阅读更多 / 演示
11. jPageFlipper
完全基于HTML5的页面翻转插件。

阅读更多 / 演示
12. jQuery Flipbook Slider
轻量级的jQuery翻页插件,可用于任何内容:文本、HTML、iframes、视频、Flash(SWF)等,你可以通过CSS很容易地对其进行自定义(如背景图片、字体、颜色等)。

阅读更多 / 演示
13. 灵感来自于Flipboard的翻页效果

阅读更多 / 演示
14. jQuery Flippage
最初针对平板电脑开发,实现翻书效果。

阅读更多 / 演示
15. WowBook
有2种不同的翻页效果,帮助你创建在线电子书。
