Turn.js - 一个优雅的3D翻书效果库

Turn.js 是一个用来创建类似翻书效果的 jQuery 插件，它可以让你创建类似 iBooks 或 Amazon Kindle 的翻页动画。

以下是一个使用 Turn.js 创建简单翻页效果的示例代码：

1. 首先，确保你的页面中包含了 jQuery 和 Turn.js 的库：

<link rel="stylesheet" href="path/to/turn.css" />
<script src="path/to/jquery.min.js"></script>
<script src="path/to/turn.min.js"></script>

2. 接下来，创建一个容器来包含你的翻页内容：

<div id="flipbook">
  <div class="turn-page">
    <div class="content">第一页内容</div>
  </div>
  <div class="turn-page">
    <div class="content">第二页内容</div>
  </div>
  <!-- 更多页面... -->
</div>

3. 最后，使用 Turn.js 初始化翻页效果：

$('#flipbook').turn({
  width: 400,
  height: 300,
  autoCenter: true
});

这样就可以实现一个简单的翻页效果。你可以通过调整 width 和 height 的值来设置翻页的大小，autoCenter 属性则决定了翻页是否自动居中。

Turn.js 还支持更多高级功能，比如翻页动画、多页面、书签等。你可以查阅 Turn.js 的官方文档来了解更多详细的配置和使用方法。