翻書插件:wowbook.js


wowbook是一個jQuery插件,可以讓你在網站中發布一本頁面翻轉效果超贊的書。

demo演示

基本頁面

 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的工具

參考:
  官方文檔


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM