搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 JS程式語法 FULLSCREEN PAGEFLIP LAYOUT 全屏式書本翻頁效果網站範 ...
byadmin 發表於 2013-6-5 20:29:49 , 6888人已閱讀 , 0人回應
最近除了視差捲動效果的網站很火紅之外 , 其實還有一種翻書效果筆者覺得非常喜歡 , 就是翻頁式動態效果 , 每次在切換網頁內容的時候 , 就如同書本翻頁一般 , 整體視覺效果非常出色 ! 唯一遺憾的是 , IE10以下版本不支援動態變形效果 (IE真的是萬惡...)  大家可以來看一下FULLSCREEN PAGEFLIP LAYOUT 翻頁式效果範例:

翻頁式網頁特效.jpg

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



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

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

收藏回覆 只看該作者 道具 舉報

Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.044207 second(s), 43 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2024-12-4 01:53

回頂部