FULLSCREEN PAGEFLIP LAYOUT 全屏式書本翻頁效果網站範例

最近除了視差捲動效果的網站很火紅之外 , 其實還有一種翻書效果筆者覺得非常喜歡 , 就是翻頁式動態效果 , 每次在切換網頁內容的時候 , 就如同書本翻頁一般 , 整體視覺效果非常出色 ! 唯一遺憾的是 , IE10以下版本不支援動態變形效果 (IE真的是萬惡...)  大家可以來看一下FULLSCREEN PAGEFLIP LAYOUT 翻頁式效果範例：

          DEMO

(IE10以下版本不支援,請使用IE10,Chrome,Firefox等瀏覽器瀏覽)

內容整體架構其實非常單純，但本範例套用了蠻多JQ效果 , 像是 mousewheel 以及 jscrollpane , 記得使用時要帶入相關JQ效果檔案以及CSS才可以確保顯示正確喔 , 不過HTML以及CSS部分客製化非常簡單 , 筆者在此就不多加贅述了 , 相信有HTML+CSS使用能力的 , 都可以將本範例改造成超有創意的網站 ~

FullscreenBookBlock.rar (29.54 KB, 下載次數: 60)

2013-6-5 20:28 上傳

點擊文件名下載附件
閱讀權限: 10