jQuery的与现代网络技术相结合,可以创造奇迹,它可以用来实现大多数的逼真的效果。在大部分时间中,来自现实世界的例子影响着Web开发人员的灵感。而像书一样翻页效果是一种非常流行的Web开发技术。

这里介绍 6 个实现翻书效果的 jQuery 插件。

Turn.js

6 个实现翻书效果的 jQuery 插件

Turn.js 是一个轻量级的 (15kb) jQuery/html5 插件用来创建类似书本和杂志翻页效果,支持触摸屏设备。

Turn.js 支持硬件加速来让翻页效果更加平滑。

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

Turn.js

Booklet

6 个实现翻书效果的 jQuery 插件

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

Booklet

BookBlock

6 个实现翻书效果的 jQuery 插件

BookBlock是一个jQuery插件,用于创建一个页面翻转的导航布局的书效果。该插件可用于任何类型的内容,如文本或图像翻转。

BookBlock

jFlip

6 个实现翻书效果的 jQuery 插件

jFlip 是一个基于 jQuery 实现的翻页特效,可浏览上下页和进行拖放操作。

jFlip

Notebook Page Flip

6 个实现翻书效果的 jQuery 插件

Notebook Page Flip 是一个定制的 jQuery 翻书插件。

Notebook Page Flip

imBookFlip

6 个实现翻书效果的 jQuery 插件

imBookFlip 插件通过 iframe 或者直接在页面上呈现图书效果,可自动翻页。

imBookFlip

相关文章:

  • 2022-12-23
  • 2021-08-27
  • 2022-12-23
  • 2021-07-10
  • 2021-11-21
  • 2021-08-28
  • 2021-08-22
  • 2021-12-25
猜你喜欢
  • 2022-12-23
  • 2021-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-02
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案