可以制作软纸页或者硬纸页的翻页动画,可设置双页或单页展示。
CDN地址:CDN- turn.js (baomitu.com)
官网:Turn.js: The page flip effect in HTML5 (turnjs.com)
官方英文PDF文档:阿里云盘分享 (aliyundrive.com)
HTML:
<div id="flipbook">
<div>11111</div>
<div>22222</div>
<div>33333</div>
</div>
CLASS属性
<div id="flipbook">
<div class="hard">11111</div><!--硬纸翻页效果-->
<div>22222</div>
<div>33333</div>
</div>
<!--自定义书内纸张大小,style-->
<div id="flipbook">
<div class="own-size" style="width: 200px; height: 200px;">11111</div>
<div class="own-size" style="width: 200px; height: 200px;">22222</div>
<div>33333</div>
</div>
标签:插件,翻页,11111,33333,22222,js,com From: https://www.cnblogs.com/loiou/p/16640465.html