翻书插件：wowbook.js

wowbook是一个jQuery插件，可以让你在网站中发布一本页面翻转效果超赞的书。

基本页面

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>wow_book</title>

     <link rel="stylesheet" href="css/wow_book.css" type="text/css" />

 </head>

 <body>

     <div id="mybook">

         <div>书本封面</div>

         <div>内容页面1</div>

         <div>内容页面2</div>

         <div>内容页面3</div>

         <div>内容页面4</div>

         <div>书本封底</div>

     </div>

     <script type="text/javascript" src="js/jquery.min.js"></script>

     <script type="text/javascript" src="js/wow_book.min.js"></script>

     <script type="text/javascript">

       $(document).ready(function() {

         $('#mybook').wowBook({

             width  : 600,

             height : 500

         });

       });

     </script>

 </body>

 </html>

使用实例

特征

可以渲染PDF文件，通过安装PDF.js库
单页模式
支持移动端，可响应的单页模式
封面比内容页大
带有字体图标的工具栏
目录
Lightbox
lazy loading
鼠标悬浮可显示翻页角
自动化的缩略图
支持从右向左翻页
2种逼真的翻页效果，包括精装的硬封面和普通纸翻页效果
支持所有主流浏览器
不需要flash
使用简单：使用HTML和CSS制作内容
响应式
支持触控（包括捏放大）
全屏
双页
无封面和封底
Deeplinking
链接可跳转到书中的任意页面和元素
缩放
支持浏览器的后退按钮
可循环的幻灯片效果
可配置的键盘导航
可配置的鼠标滚轮导航
API文档
在支持audio标签的浏览器上可以播放翻页声音
自动化的页码编号
可将页面缩略图转成sprite的工具

参考：
　　官方文档

巴特西

翻书插件：wowbook.js

最新文章

热门文章