在这里,你会发现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. 确定当前Python环境中的site-packages目录位置

    引入“搜索路径”这个概念是因为在使用import语句时,当解释器遇到import语句,如果模块在当前的搜索路径就会被导入. 搜索路径是一个解释器会先进行搜索的所有目录的列表. 那么python如何添加 ...

  2. mysql开启/关闭 update delete 安全模式

    在使用mysql执行update的时候,如果不是用主键当where语句,会报如下错误,使用主键用于where语句中正常. 异常内容:Error Code: 1175. You are using sa ...

  3. php中header函数参数的 Cache-control:private,no-cache,must-revalidate,max-age 使用方法

    网页的缓存是由HTTP消息头中的“Cache-control”来控制的,常见的取值有private.no-cache.max-age.must-revalidate等,默认为private.其作用根据 ...

  4. 深入理解javascript执行上下文(Execution Context)

    本文转自:http://blogread.cn/it/article/6178 在这篇文章中,将比较深入地阐述下执行上下文 - Javascript中最基础也是最重要的一个概念.相信读完这篇文章后,你 ...

  5. 关于WIFI DIRECT功能的

    http://processors.wiki.ti.com/index.php/WiFi_Direct_Configuration_Scripts#p2p_find      https://wire ...

  6. 为什么要在onNewIntent的时候要显示的去调用setIntent

    一.原因: 当调用到onNewIntent(intent)的时候,需要在onNewIntent() 中使用setIntent(intent)赋值给Activity的Intent.否则,后续的getIn ...

  7. 3个同一行div的摆放div

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. PHP 上传图片,生成水印,支持文字, gif, png

    //admin_upfile.php <html> <meta http-equiv="Content-Type" content="text/html ...

  9. JDBC 事务隔离级别

    JDBC 事务隔离级别     先解释一下:a:脏读取:一个事务读取了另外一个并行事务未提交的数据b:不可重复读取:一个事务再次读取之前的数据时得到的数据不一致,被另外一个事务修改c:虚读:一个事务重 ...

  10. toad执行存储过程

    选中存储过程,右键执行,根据存储过程中的sql语句,输入参数, 执行结果的out值点击connection output,鼠标放在statement标签,就会显示下边的out值. 在db2cmd下执行 ...