在这里,你会发现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. CentOS7 PostgreSQL 主从配置( 三)

    postgres 主备切换 主备查看 方法 ps -ef | grep wal (主库 sender)postgres 27873 27864 0 5月06 ? 00:00:10 postgres: ...

  2. easyui 动态渲染

    $.parser.parse   这个 $("div[data-easyuisrc]").html(function () { var url = $(this).attr(&qu ...

  3. memcached的安装(server、client)、magent整合

    声明:本编文章基于网络上的文章(90%),基本就是把我的安装步骤写一下,遇到问题记录一下 1.背景:项目需要多台服务器负载均衡,我们的应用有付费会员,不能让一个账号随便登陆,一个时间段只能一个账号,这 ...

  4. Linq skip skipwhile take takewhile

    一.Skip()跳过 static void Main(string[] args) { //skip()跳过 ,,,,,,,,,}; //跳过3条 nums.Skip().ToList().ForE ...

  5. sql数据库删除表的外键约束(INSERT 语句与 FOREIGN KEY 约束"XXX"冲突。该冲突发生于数据库"XXX",表"XXX", column 'XXX)

    使用如下SQL语句查询出表中外键约束名称: 1 select name 2 from sys.foreign_key_columns f join sys.objects o on f.constra ...

  6. Java 中的四种引用及垃圾回收策略

    Java 中有四种引用:强引用.软引用.弱引用.虚引用: 其主要区别在于垃圾回收时是否进行回收: 1.强引用 使用最普遍的引用.如果一个对象具有强引用,那就 类似于必不可少的生活用品,垃圾回收器绝不会 ...

  7. Sanatorium

    Sanatorium time limit per test 1 second memory limit per test 256 megabytes input standard input out ...

  8. OpenGL ES之glUniform函数

    函数名: glUniform 功能: 为当前程序对象指定Uniform变量的值.(译者注:注意,由于OpenGL ES由C语言编写,但是C语言不支持函数的重载,所以会有很多名字相同后缀不同的函数版本存 ...

  9. OpenGL----绘制立方体,定点数组与顶点缓冲

    ,立方体是很简单,但是这里只是拿立方体做一个例子,来说明OpenGL在绘制方法上的改进.从原始一点的办法开始一个立方体有六个面,每个面是一个正方形,好,绘制六个正方形就可以了. glBegin(GL_ ...

  10. JPA 系列教程5-双向一对多

    双向一对多的ddl语句 同单向多对一,单向一对多表的ddl语句一致 Product package com.jege.jpa.one2many; import javax.persistence.En ...