在这里,你会发现15的jQuery的翻页书的插件,提供了良好的页面翻转的经验,并帮助创建类似书本的效果。 jQuery的增添了一道亮丽的过渡到实际的页面在一本书或杂志HTML5。

1. BookBlock: jQuery内容翻转插件

BookBlock是可以将任何内容,如图像或文本创建小册子的组件,允许一个“翻页”的导航。

在线演示

2. imBookFlip : jQuery Page Turning Plugin without Flash

imBookFlip可以将iframe加载书本成本效果在页面上显示。此插件可以设置为手动点击打开时或自动旋转。声音管理器可以使用jQuery插件添加音频书。

在线演示

3. jQuery flip book image gallery plugin : jFlip

jQuery的翻转书的图片库插件将图片制作成书,单击或拖动动画的角落悬停时显示的画廊区,以查看下一个或前一个图像。

在线演示

4. turn.js – jQuery HTML5 Page Flip effect plugin

jQuery的HTML5页面翻转效果插件,实现了HTML5美丽的过渡效果。

在线演示

5. Creating a jQuery Flipbook Image Slider with CSS3 3D Transforms

创建一个jQuery的连环画与CSS3 3D变换的图像滑块

在线演示

6. jQuery Responsive FlipBook v5

jQuery的响应式书本效果(支持iPad等)


在线演示

7. jQuery Fullscreen Pageflip Layout

BookBlock创建一个全屏书本布局。我们的想法是像书页从左侧滑出翻转的内容和访问的页面通过工具栏菜单中。

在线演示

8. Moleskine Notebook with jQuery flip page Booklet

我们将向您展示如何使用和自定义的辉煌的jQuery的小册子插件有才华的Grauvogel。

在线演示

9. Bookflip : JavaScript Page Turn effects

JavaScript的翻页效果,已经完全重建Bookflip引擎更好的支持IE8及9。

在线演示

10. jQuery flipbook layout plugin : Booklet

jQuery的的连环画布局插件


在线演示

11. jPageFlipper : jQuery HTML5 Canvas page flipper

基于HTML 5 canvas实现翻书效果

在线演示

12. jQuery Flipbook Slider

jQuery的连环画Slider是一个轻量级的jQuery插件翻页效果。它可以用于任何内容:文本,HTML页框,视频,Flash(SWF)等,您可以很容易地对其进行自定义与CSS(背景图片,字体,颜色等)。

在线演示

13. jQuery Experimental PageFlip Layout Inspired by Flipboard

我们想与大家分享一个实验性的3D布局。它的灵感来自著名的Flipboard的应用程序无缝“正常”的一本书像一个页面,在页面翻转时刷卡。支持触屏及拖动。

在线演示

14. jQuery Flippage: Turn pages of your DIVs

层翻转效果

在线演示

15. WowBook – jQuery Flip book engine

WowBook​​是jQuery插件,它允许你创建一个在线出版物(如书或杂志)与2个不同的翻页效果。


在线演示

via:jqueryrain

15个最佳jQuery的翻页书效果的例子的更多相关文章

  1. 15 个最佳 jQuery 翻书效果插件

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

  2. jquery css3问卷答题卡翻页动画效果

    这个选项调查的特效以选项卡的形式,每答完一道题目自动切换到下一条,颇具特色.使用jQuery和CSS3,适合HTML5浏览器. 效果展示 http://hovertree.com/texiao/jqu ...

  3. jquery 实现智能炫酷的翻页相册效果

    jquery 实现智能炫酷的翻页相册效果巧妙的运用 Html 的文档属性,大大减少jquery 的代码量,实现了智能炫酷的翻页相册.兼容性很好,实现了代码与标签的完全分离​1. [代码]jquery ...

  4. 3D版翻页公告效果

    代码地址如下:http://www.demodashi.com/demo/12830.html 前言: 在逛小程序蘑菇街的时候,看到一个2D版滚动的翻页公告效果.其实看到这个效果的时候,一点都不觉得稀 ...

  5. 创意HTML5文字特效 类似翻页的效果

    原文:创意HTML5文字特效 类似翻页的效果 之前在网上看到一款比较有新意的HTML5文字特效,文字效果是当鼠标滑过是出现翻开折叠的效果,类似书本翻页.于是我兴致勃勃的点开源码看了一下,发现其实实现也 ...

  6. Android 聊天表情输入、表情翻页带效果、下拉刷新聊天记录

    经过一个星期的折腾,最终做完了这个Android 聊天表情输入.表情翻页带效果.下拉刷新聊天记录.这仅仅是一个单独聊天表情的输入,以及聊天的效果实现.由于我没有写server,所以没有两方聊天的效果. ...

  7. Atitit.列表页面and条件查询的实现最佳实践(2)------翻页 分页 控件的实现java .net php

    )------翻页 分页 控件的实现java .net php 1. 关于翻页有关的几大控件::搜索框控件,显示表格控件,翻页器,数据源控件.. 1 2. 翻页的显示格式:: 1 2.1. 通常ui- ...

  8. jq小demo—图片翻页展示效果 animate()动画

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  9. jq demo—图片翻页展示效果 animate()动画

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

随机推荐

  1. MySQL半同步复制的数据一致性探讨微信后台团队实践【转】

    MySQL是一个RDBMS(关系型数据库管理系统),由瑞典MySQL AB 公司开发,目前属于 Oracle 旗下产品.由于其体积小.速度快.拥有成本低,尤其是开放源码这一特点,广受各大企业欢迎,包括 ...

  2. Anaroid WebView详解大全

    资源描述: 1.android提供了webView控件专门用来浏览网页.然后在程序中装载webView控件,设置属性,比如:颜色.字体.要访问的网址等.通过loadUrl方法设置当前webView需要 ...

  3. json的引号之伤

    最近读他们的jquery解读的源码,由于版本不同,我可能看的是他们解读的1.7的,但是我本身运行的可能是1.9的,所以有些出处,但是中心思想不变,我有疑问的时候,直接debug,让例子自己走一遍,好处 ...

  4. 689D Magic Odd Square 奇数幻方

    1 奇数阶幻方构造法 (1) 将1放在第一行中间一列; (2) 从2开始直到n×n止各数依次按下列规则存放:按 45°方向行走,向右上,即每一个数存放的行比前一个数的行数减1,列数加1 (3) 如果行 ...

  5. 【HDU 5833】Zhu and 772002(异或方程组高斯消元讲解)

    题目大意:给出n个数字a[],将a[]分解为质因子(保证分解所得的质因子不大于2000),任选一个或多个质因子,使其乘积为完全平方数.求其方法数. 学长学姐们比赛时做的,当时我一脸懵逼的不会搞……所以 ...

  6. asp网站中使用百度ueditor教程

    1.根据网站类型及编码选择相应的ueditor版本,如我的网站编码为gb2312,则选择ueditor 1.43 asp gbk版.2.本机IE浏览器应为8.0或以上,8.0以下的ueditor 1. ...

  7. linux command----vi

    vi命令是UNIX操作系统和类UNIX操作系统中最通用的全屏幕纯文本编辑器.Linux中的vi编辑器叫vim,它是vi的增强版(vi Improved),与vi编辑器完全兼容,而且实现了很多增强功能. ...

  8. iOS 常用代码块

    1.判断邮箱格式是否正确的代码: // 利用正则表达式验证 -( BOOL )isValidateEmail:( NSString  *)email {   NSString  *emailRegex ...

  9. java 子类继承父类成员变量的隐藏、实现方法的重写

    成员变量的隐藏和方法的重写 Goods.java public class Goods { public double weight; public void oldSetWeight(double ...

  10. java面向对象_接口

    java接口 interface,是一个抽象类型,是抽象方法的集合,接口通常以interface来声明.一个类通过继承接口的方式,从而来继承接口的抽象方法. 接口并不是类,编写接口的方式和类很相似,但 ...