Turn.js 实现翻书效果

接到了任务，要把孩子画的画放到网页上去，翻页效果还要逼真一点。搜索到了turn.js这个前端翻页组件，效果不错。先上图看效果。

 网页实际效果：星月夜诗集

turn.js的官网地址：Turn.js: The page flip effect in HTML5 

接下来是使用过程：

1、引入js

2、html

加载images目录下的所有图片，图片名是以01、02、03……命名的png文件；根据屏幕比例和图片比例决定显示单页还是双页。turn.js本身不带有点击翻页效果，加了特定区域点击实现翻页效果。