15 个最佳 jQuery 翻书效果插件
本文为你带来15个非常实用的、实现类似翻书效果的jQuery插件,你可以很容易地整合到你的web应用中,提升用户体验。
1. BookBlock
BookBlock可以将任何内容(如图像、文本)创建为翻页效果,带有一个翻页导航,可用于创建小册子等组件。
![](http://dl.iteye.com/upload/attachment/0078/4794/b60945d3-c384-3c5b-a47f-a416264ed885.jpg)
阅读更多 / 演示
2. imBookFlip
该插件允许你在iframe或页面中加载电子书,可以设置为在页面加载时开始翻书效果,也可以设置为手动点击时开始。还可以通过Sound Manager添加声音效果。
![](http://dl.iteye.com/upload/attachment/0078/4796/05b63248-458f-30f8-81bd-067edbba8db3.jpg)
阅读更多 / 演示
3. jFlip
该插件可以将图片库转换为书本效果。单击或拖动书角,会出现一个翻页的效果。
![](http://dl.iteye.com/upload/attachment/0078/4798/52d6197d-7680-3c6e-92dd-104c26fbafc0.jpg)
阅读更多 / 演示
4. turn.js
该插件受iBooks和Maps for iOS的启发,基于HTML5实现了一个真实的翻书或杂志的效果。
![](http://dl.iteye.com/upload/attachment/0078/4800/e8c1a7e3-19e7-3b27-af0a-ec680d9eb3e5.jpg)
阅读更多 / 演示
5. 基于jQuery和CSS3 3D Transforms的翻转效果
![](http://dl.iteye.com/upload/attachment/0078/4802/83dafce4-21f6-3f2d-9ce1-261615dfa3d1.jpg)
阅读更多 / 演示
6. jQuery响应式的翻页书
也可在iPad上运行,无需Flash Player。
![](http://dl.iteye.com/upload/attachment/0078/4804/5bde0c1c-6b0b-3311-a64f-b709069f1298.jpg)
阅读更多 / 演示
7 全屏翻转效果
基于BookBlock的全屏翻转效果,也可通过左侧滑出式侧边栏来访问内容。
![](http://dl.iteye.com/upload/attachment/0078/4806/7fde5596-b011-3cc5-8fe7-07cde612bddf.jpg)
阅读更多 / 演示
8. 虚拟笔记本
一个能够翻页的虚拟的笔记本。
![](http://dl.iteye.com/upload/attachment/0078/4808/2a285afd-3f01-393a-b7a4-debee6c22fae.jpg)
阅读更多 / 演示
9. Bookflip
完全重建了Bookflip引擎,以便在现代浏览器中拥有更好的表现,也可用于IE8/9中。
![](http://dl.iteye.com/upload/attachment/0078/4810/285048bd-6372-3b86-af92-0e46ef0e105f.jpg)
阅读更多 / 演示
10. Booklet
基于jQuery的翻页书布局插件。
![](http://dl.iteye.com/upload/attachment/0078/4812/2acfa676-4e1d-3543-bde6-dc60b831c50c.jpg)
阅读更多 / 演示
11. jPageFlipper
完全基于HTML5的页面翻转插件。
![](http://dl.iteye.com/upload/attachment/0078/4814/c8899cdf-1830-3001-96cb-c135be20e2fc.jpg)
阅读更多 / 演示
12. jQuery Flipbook Slider
轻量级的jQuery翻页插件,可用于任何内容:文本、HTML、iframes、视频、Flash(SWF)等,你可以通过CSS很容易地对其进行自定义(如背景图片、字体、颜色等)。
![](http://dl.iteye.com/upload/attachment/0078/4816/bd7ffac4-18aa-330c-b1fa-f78c5a6bcccb.jpg)
阅读更多 / 演示
13. 灵感来自于Flipboard的翻页效果
![](http://dl.iteye.com/upload/attachment/0078/4818/46fc5b41-b27e-3f13-a47f-e2c03f9958f3.jpg)
阅读更多 / 演示
14. jQuery Flippage
最初针对平板电脑开发,实现翻书效果。
![](http://dl.iteye.com/upload/attachment/0078/4820/bb614434-512c-3e27-8f01-5f70bf872029.jpg)
阅读更多 / 演示
15. WowBook
有2种不同的翻页效果,帮助你创建在线电子书。
![](http://dl.iteye.com/upload/attachment/0078/4822/81bca33b-46e9-3baf-ae27-9795a7fd1a6f.jpg)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步