模擬真實的世界一直是計算機科學在做的事情。在網頁設計領域，模擬書籍翻頁就是其中一項。以前我們用Flash實現。但是隨著網頁技術的提升，我們現在也可以用HTML、CSS和JavaScript實現。
下面我將介紹幾個絢麗的免費jQuery插件來實現翻頁效果。
1. Turn.js
第一頁作為封面，后面的每一頁你都可以通過反動頁腳來實現。動畫過程很順滑。這個js只有15kb，可以在移動瀏覽器上運行。這個js使用了硬件加速。
2. jPageFlip
jPageFlip是一個高度可定制的jQuery插件，用來創建類似書籍界面的效果。它支持鼠標點擊翻頁，也支持透明和半透明的圖片文件。
3. Booklet
Booklet可能是擁有最多選項的插件。你可以通過鍵盤，鏈接，或者定時自動翻頁。每一頁都有一個單獨的URL，可以被收藏。
4. FlipPage
這個插件的翻頁效果是在現有的圖片范圍內。使用了HTML5，CSS3以及硬件加速。這個插件也支持移動瀏覽器。
另外還有其他兩個類似的插件：jFlip / CSS Page Flip
原文鏈接，OSChina原創編譯。
posted on 2012-02-09 11:59
SIMONE 閱讀(744)
評論(0) 編輯 收藏 所屬分類:
JavaScript