6个类似书本翻页效果的jQuery插件

news/2024/7/11 1:38:25 标签: jQuery插件, jQuery, CSS

Turn.js


turn.js 是一款用来实现纸制书翻页的 jQuery 插件。使用硬件加速,跨平台,容易维护,体积小(不到 15K)。基于 HTML5 和 jQuery 实现。Turn.js 支持硬件加速来让翻页效果更加平滑。

可通过 API 来获取当前显示的页号,并提供选项来定制默认页号、加速器、阴影和延时。

Turn.js

Booklet


Booklet 可能是拥有最多选项的插件。你可以通过键盘,链接,或者定时自动翻页。每一页都有一个单独的 URL,可以被收藏。

Booklet

BookBlock


BookBlock 是一个 jQuery 插件,用来制作带有翻页效果的小书册。可以用任何形式的内容,比如图像或文本。插件会在翻页时利用变形模拟手工翻页,并产生重叠的阴影以达到更逼真的效果。

BookBlock

jFlip


这个插件将一个图片库做成一本书。您可以翻动书页,以查看下一个或上一个图像,当悬浮在图像区域可点击或拖动图画。

jFlip

Notebook Page Flip


Notebook Page Flip 是 Booklet jQuery 插件的一个定制版。这个插件可以在一个翻页导航,用一本书的风格布局显示最新的博客文章。

Notebook Page Flip

imBookFlip


imBookFlip 插件可以在 iframe 中加载了一本书,或直接在页面上。这本书的页面可以被设置为只有手动点击时才打开,或点击第一页(封面)就开始自动翻转。


http://www.niftyadmin.cn/n/580754.html

相关文章

iOS14中点击SwiftUI列表项导航跳转返回后外观呈灰色的解决

问题现象 在iOS 14.0系统中(iOS 15中已修复),若List项可导航,则点击跳转到目的视图再返回父视图后,原列表项外观会变成灰色: 虽然不影响使用,但让强迫症的我们怎能忍受呢? 想知道如何解决吗? 答案超乎寻常的简单!Let’s Go! 问题分析 1. 有问题的代码 下面,让我先…

JavaScript DOM的本质及操作方法

虽然现在一些JavaScript框架,诸如jQuery、Prototype和MooTools能提高我们的前端开发效率,而且很好的解决了浏览器兼容性问题,但我们仍要打好javascript技术基础。文章将介绍JavaScript和文档对象模型(DOM)的本质。 JavsScript是可以在各种不同…

Android模拟器大小

一:Android模拟器大小分类1)320480, portrait : emulator -skin HVGA-P (default)2)320240, landscape: emulator -skin QVGA-L3)480320, landscape: emulator -skin HVGA-L4)240320, portrait : emulator -skin QVGA-…

spring环境配置

最近几天学习spring框架,在环境搭建过程中遇到了不少问题,网上找了不少资料都不是特别好,所以自己重新记录一下。 准备: 1.Eclipse下载,进官网,这里直接给链接了https://www.eclipse.org/downloads/eclipse…

SwiftUI出现displayModeButtonItem is internally managed and not exposed for DoubleColumn style错误的解决

Xcode12.x开发环境中,用户在点击SwiftUI列表项进行导航跳转后,当回退到父视图时,Xcode控制台会有提示: [Assert] displayModeButtonItem is internally managed and not exposed for DoubleColumn style. Returning an empty, disconnected UIBarButtonItem to fulfill the…

设计模式培训之三:抽象工厂

查看本人文章索引请通过http://www.cnblogs.com/seesea125/archive/2012/04/17/2453256.html 在工厂方法里讲到了加减乘除的例子,请查阅http://www.cnblogs.com/seesea125/archive/2012/05/02/2478981.html 一、抽象工厂的定义 提供一个创建一系列相关或相互依赖对象…

ec报错

Eclipse3.7.1,jdk7安装了maven插件,重启eclipse,报一个警告:Eclipse is running in a JRE, but a JDK is required.Some Maven plugins may not work when importing projects or updating source folders.搜了一下方法&#xff0…

js正则限制input框输入的常用代码

1.只能输入数字和英文的&#xff1a; <input οnkeyup"valuevalue.replace(/[\W]/g,) " onbeforepaste"clipboardData.setData(text,clipboardData.getData(text).replace(/[^\d]/g,))" ID"Text1" NAME"Text1&q…