15 个最佳 jQuery 翻书效果插件

码农笔记 前端开发 2023-08-08 08:32:40

本文为你带来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种不同的翻页效果,帮助你创建在线电子书。 


阅读更多 / 演示 

评论
列表