onebook3d-jQuery翻頁書程式(線上數位紀念冊)學習教案

onebook3d-jQuery翻頁書程式(線上數位紀念冊)學習教案

繼前篇分享 JQUERY 網頁互動特效程式碼921個完整範例分享後,本篇就來分享,以其中範例目錄"jQuery相冊展示程式-62P"中的"oneBook3d 一款基於jQuery的HTML5翻書插件-good可做成電子書網頁"範例,來做為學習研究分析案例.

常常看到學員,就算拿到老師分享的範例檔,但又不知如可拿來研究學習及應用,著實可惜,我想主因是没有研究導引做法範例可供參考之故.所以,老師便將自己研究學習,將程式編修研究過程的程式及擷圖加以打包壓縮,在此分享給入門學習者,而能依老師研究案例,學習發展自己的jQuery特效範本,好供給自己商業網頁特效使用.


jquery.onebook3d-2.3.0-full-min.js 是支可供網頁上表現flip翻頁特效的JS程式檔,只要加以引用,你便能輕鬆將圖片,例如婚紗照片,為客戶做成可翻頁的線上婚紗紀念電子書的型態.

以下是老師實習的參考範例網址:

http://website.linjinlu.com/onebook3d-study1/

http://website.linjinlu.com/onebook3d-study2/

http://website.linjinlu.com/onebook3d-study3/

http://website.linjinlu.com/onebook3ddemo/    (這是原始的模版範例,頁面有OnBook3d組件說明)

若你想下載老師完整的學習研究檔,可按此下載

onebook3d-jQuery翻頁書程式學習教案,使用說明:
本程式檢測時要上傳至遠端網站上,不然在本地檢測時會看不到圖片
但若用DW軟體的"即時"檢測時可看見圖片.
在教學檔解縮後目錄夾說明如下:
onebook3d2fullexp-2-31 目錄夾內為原始官方下載之模版範例程式
onebook3d-study1~3 各目錄夾內為研究分析學習檔

以下為此研究案例的重點擷圖:

最後,附上onebook3d-jQuery翻頁書程式官網連結,也供你學習參考