FlippingBook是一款收費的圖書翻頁效果的flash播放器。線上預覽地址：FlippingBook，破解版下載地址 備用下載地址

預覽效果：

它的檔案結構如下：

其中：css資料夾是一個簡單的樣式檔案，不需要做什麼說明，可以根據需要修改。

fla資料夾是別人反編譯fla檔案。

img資料夾是播放器所需要的圖片.

js檔案是播放器相關引數配置，這個才是重點。

pages資料夾就是圖書的每一頁對應的圖片了，它裡面的large資料夾用於放置雙擊放大看到的圖片。

sounds裡面放的是翻頁時的聲音效果。

下面對這款翻頁播放器配置說明：

這裡有兩個js檔案需要我們特別關注：bookSettings.js和flippingbook.js。前者用於設定播放器，後者是播放器檔案，提供預設設定。

 

圖中：2~7行程式碼是圖書頁面圖片，這個沒什麼好說的。

11~16行是圖書左下角的下拉框設定，比如可以通過下拉框直接返回到首頁，目錄頁等。

19~31行就是播放器的設定了。分別是圖書的寬，高，背景顏色等設定。注意，這些設定並不是所有的設定，更多設定可以在flippingbook.js裡面查詢。

對於flippingbook.js

需要注意的是：FlippingBook.swf就是我們的播放器檔案了，這個檔案的路徑是相對於它所巢狀的html或其他頁面的路徑設定的。比如上面檔案結構截圖中，它和index.html是在同一目錄，所以這裡路徑就相對於index.html，或者你設定為網站的絕對路徑。

另一個就是{allowScriptAccess: "always", bgcolor:  "#" + this.settings.backgroundColor.toString( 16 ) }這個程式碼段了，這裡是對object物件引數設定。比如，如果你需要div能夠遮蓋住本播放器可以修改如下：

{allowScriptAccess: "always", bgcolor:  "#" + this.settings.backgroundColor.toString( 16 ),wmode: "opaque" }

生成的object物件如下：

本文是本人研究的成果，歡迎拍磚，有問題共同探討。

本教程圖片版：http://yunpan.cn/QIwB6ZqsSTSad