15 个最佳 jQuery 翻书效果插件

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

阅读更多 / 演示

时间: 2024-10-05 04:37:41

15 个最佳 jQuery 翻书效果插件的相关文章

Unity3d:megaFierstext(翻书效果插件)

附件中是一款翻书效果插件,由于附件上传大小限制,在下载完后,需要在megaFierstext_BHYF\Assets\Resources\Textures下添加图片精灵并修改属性为Texture,即可运行看效果.好多论坛上需要用币买,也减少了搜索时间,拿来就可以用. 源码Unity3d:megaFierstext(翻书效果插件)

jQuery简单的翻书特效插件-jBooklet

jBooklet是一款简单的网页翻书jQuery特效插件.该jquery翻书特效插件实现了左右翻页的基本功能,并提供了一个默认的样式.你可以通过CSS文件来修改默认样式,生成更加好看的翻页效果. 该插件依赖于jQuery,jQuery UI为可选项,还依赖于jquery.easing插件,使用时要先引入必须的依赖文件. 效果演示:http://www.htmleaf.com/Demo/201504041624.html 下载地址:http://www.htmleaf.com/jQuery/Sli

15个最佳jQuery的翻页书效果的例子

在这里,你会发现15的jQuery的翻页书的插件,提供了良好的页面翻转的经验,并帮助创建类似书本的效果. jQuery的增添了一道亮丽的过渡到实际的页面在一本书或杂志HTML5. 1. BookBlock: jQuery内容翻转插件 BookBlock是可以将任何内容,如图像或文本创建小册子的组件,允许一个“翻页”的导航. 在线演示 2. imBookFlip : jQuery Page Turning Plugin without Flash imBookFlip可以将iframe加载书本成本

我的项目4 实现Js 翻书效果

这不是我的项目里的内容,因为同事在Iphone移动端需要实现这种翻书效果,解析出来的文件的文字使用HTML写的,而iPhone移动端这种效果出现了一些BUG,很难解决,就考虑有JS写一个,然后用到移动端.所以我就看了一下,感觉挺有意思,就和大家分享一下: 在这里需要用到一个jquery的插件 turn.js   大家如果要看更多的内容可以去这个地址:http://www.oschina.net/news/33508/jquery-plugins-for-book-like-page-flip-e

基于CSS3新属性Animation及transform实现类似翻书效果

注:本实例JS部分均以原生JS编写,不善用原生JS的,可用jQuery等对三方框架改写 先上效果图:(样式有点丑,可以忽略一下下,效果出来了就好,后期加到其他项目中方便更改0.0) 类似翻书效果,原本的意思是使用JS来控制的,点击一次之后使用setInterval去控制书页翻过去的动画,当书页翻转180°之后,清除掉setInterval,但当我连续点击,那之前没有翻转180°的书页将无法继续完成之前的动作,可以用清除setInterval的方式,但总感觉动画效果不好,当然还有其他解决办法,但突

turn.js实现翻书效果

JS插件网 http://www.ijquery.cn/?p=173 描述:Turn.js 是一个轻量级的 (15kb) jQuery/html5 插件用来创建类似书本和杂志翻页效果,支持触摸屏设备.Turn.js 支持硬件加速来让翻页效果更加平滑.可通过 API 来获取当前显示的页号,并提供选项来定制默认页号.加速器.阴影和延时. 图片展示: 兼容浏览器:IE6+/Firefox/Google Chrome官方链接:http://www.turnjs.com/JS下载:http://www.i

HTML5翻书效果(双面效果)

上次对用HTML5实现翻书效果进行了试验,比较简单,这次做个升级版的吧 上次的问题: 1)翻书后原先的页面会成一个镜像 2)无法实现双面翻书. 3)翻页时明显感觉似乎有被遮挡的迹象. 这次的升级版本实现过程比较坎坷,主要因为工作比较忙,正好还要学车,每天回家都要陪孩子,只能在孩子睡着后去弄. 本版本主要解决了这些问题: 1)实现了双面的翻页效果 2)解决了翻页被遮挡的问题,我理解是因为三维空间,采用绝对定位,zIndex不够大导致被上层div遮挡. 源码请下载:http://download.c

静态书架和js模拟翻书效果

书籍图片随便找了个,有点难看,须要的自己替换个好看点的png格式图片 源代码下载:http://download.csdn.net/detail/sweetsuzyhyf/7604091 静态书架和js模拟翻书效果,布布扣,bubuko.com

【代码笔记】翻书效果的实现

代码: RootViewController.m #import "RootViewController.h" @interface RootViewController () @end @implementation RootViewController - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil { self = [super initWithNibName:nib