wowbook是一个jQuery插件,可以让你在网站中发布一本页面翻转效果超赞的书。
基本页面
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>wow_book</title> 6 <link rel="stylesheet" href="css/wow_book.css" type="text/css" /> 7 </head> 8 <body> 9 <div id="mybook"> 10 <div>书本封面</div> 11 <div>内容页面1</div> 12 <div>内容页面2</div> 13 <div>内容页面3</div> 14 <div>内容页面4</div> 15 <div>书本封底</div> 16 </div> 17 18 <script type="text/javascript" src="js/jquery.min.js"></script> 19 <script type="text/javascript" src="js/wow_book.min.js"></script> 20 <script type="text/javascript"> 21 $(document).ready(function() { 22 $('#mybook').wowBook({ 23 width : 600, 24 height : 500 25 }); 26 }); 27 </script> 28 </body> 29 </html>
特征
可以渲染PDF文件,通过安装PDF.js库
单页模式
支持移动端,可响应的单页模式
封面比内容页大
带有字体图标的工具栏
目录
Lightbox
lazy loading
鼠标悬浮可显示翻页角
自动化的缩略图
支持从右向左翻页
2种逼真的翻页效果,包括精装的硬封面和普通纸翻页效果
支持所有主流浏览器
不需要flash
使用简单:使用HTML和CSS制作内容
响应式
支持触控(包括捏放大)
全屏
双页
无封面和封底
Deeplinking
链接可跳转到书中的任意页面和元素
缩放
支持浏览器的后退按钮
可循环的幻灯片效果
可配置的键盘导航
可配置的鼠标滚轮导航
API文档
在支持audio标签的浏览器上可以播放翻页声音
自动化的页码编号
可将页面缩略图转成sprite的工具
参考:
官方文档