资讯频道 → Web前端
阅读更多

16顶
0踩

Web前端

原创新闻 15 个最佳 jQuery 翻书效果插件

2012-12-27 15:31 by 副主编 wangguo 评论(5) 有147001人浏览
jquery html5 翻书 插件

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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



阅读更多 / 演示

Via jqueryrain
  • 大小: 13.5 KB
  • 大小: 16.3 KB
  • 大小: 12.5 KB
  • 大小: 13.2 KB
  • 大小: 23.6 KB
  • 大小: 15.2 KB
  • 大小: 13.9 KB
  • 大小: 12.2 KB
  • 大小: 15.9 KB
  • 大小: 15.4 KB
  • 大小: 5.9 KB
  • 大小: 18.8 KB
  • 大小: 16.8 KB
  • 大小: 13.5 KB
  • 大小: 16.1 KB
  • 大小: 14 KB
16
顶
0
踩
评论 共 5 条 请登录后发表评论
5 楼 青青雨露 2013-04-24 11:33
可以下载吗？
4 楼 hngmduyi 2013-01-02 10:13
3 楼 xiaocao000 2012-12-28 09:49
很好很强大，马克留名
2 楼 mosima 2012-12-27 22:37
嗯，挺漂亮的
1 楼 qq413041153 2012-12-27 17:42
不错 效果不错

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics