在这里,你会发现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. Html wmode 标签参数详解

    原文出处:http://blog.sina.com.cn/s/blog_4532d8b50101g2sw.html 在网页中嵌入swf文件时,经常会用到wmode这个参数,而嵌入的swf出现的一些问题 ...

  2. JSP基本语法--实例演练

    基本语法概括:<%@page>,<%@include>,<jsp:include>,<jsp:forward> 加上数据库操作,可以开发动态web了. ...

  3. Qt多线程编程总结(一)

    http://blog.csdn.net/mznewfacer/article/details/6965799 QMutex类 一个线程可以锁定互斥量,并且在它锁定之后,其它线程就不能再锁定这个互斥量 ...

  4. LNMP环境的安装配置

    0.安装必要的依赖软件 如果已经安装了可能会进行升级,版本完全一致则不会进行任何操作. yum -y install bzip2-devel curl-devel freetype-devel gcc ...

  5. MySQL出现Errcode:28错误提示解决办法

    mysql出现Error writing file \'xxx\'( Errcode:28)的原因有很多种,下面我来总结一些常用的关于引起Errcode:28错误原因与解决方法.   问题一,是log ...

  6. Object调用控件的办法

    <OBJECT id="pwdpad" style="LEFT: 0px; WIDTH: 35px; TOP: 0px; HEIGHT: 16px" cl ...

  7. ng-init小解

    ng-init可有多个表达式 ng-init= "a= 1;b= 2" 在这里头定义的变量会加入scope作用域 ng-init只能加入不必要的简单逻辑,输入alert() 定义数 ...

  8. 【字母全排列】 poj 1256

    深搜   注意与STL模版的去重函数唯一的区别就是有去重. #include <iostream> #include <cstdio> #include <string. ...

  9. Ubuntu配置eclipse

    1.安装jdk 去官网下载最新版jdk,目前是 jdk-8u45-linux-x64.tar.gz 创建Java的目标路径文件夹,这里我们放在/usr/lib/jvm下面.在终端下操作: sudo m ...

  10. javaweb 国际化

    国际化又称为 i18n:internationalization 软件实现国际化,需具备哪些特征:对于程序中固定使用的文本元素,例如菜单栏.导航条等中使用的文本元素.或错误提示信息,状态信息等,需要根 ...