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