jQuery的與現(xiàn)代網(wǎng)絡(luò)技術(shù)相結(jié)合,可以創(chuàng)造奇跡,它可以用來(lái)實(shí)現(xiàn)大多數(shù)的逼真的效果。在大部分時(shí)間中,來(lái)自現(xiàn)實(shí)世界的例子影響著Web開(kāi)發(fā)人員的靈感。而像書(shū)一樣翻頁(yè)效果是一種非常流行的Web開(kāi)發(fā)技術(shù)。
這里介紹 6 個(gè)實(shí)現(xiàn)翻書(shū)效果的 jQuery 插件。
Turn.js 是一個(gè)輕量級(jí)的 (15kb) jQuery/html5 插件用來(lái)創(chuàng)建類似書(shū)本和雜志翻頁(yè)效果,支持觸摸屏設(shè)備。
Turn.js 支持硬件加速來(lái)讓翻頁(yè)效果更加平滑。
可通過(guò) API 來(lái)獲取當(dāng)前顯示的頁(yè)號(hào),并提供選項(xiàng)來(lái)定制默認(rèn)頁(yè)號(hào)、加速器、陰影和延時(shí)。
Booklet可能是擁有最多選項(xiàng)的插件。你可以通過(guò)鍵盤,鏈接,或者定時(shí)自動(dòng)翻頁(yè)。每一頁(yè)都有一個(gè)單獨(dú)的URL,可以被收藏。
BookBlock是一個(gè)jQuery插件,用于創(chuàng)建一個(gè)頁(yè)面翻轉(zhuǎn)的導(dǎo)航布局的書(shū)效果。該插件可用于任何類型的內(nèi)容,如文本或圖像翻轉(zhuǎn)。
jFlip 是一個(gè)基于 jQuery 實(shí)現(xiàn)的翻頁(yè)特效,可瀏覽上下頁(yè)和進(jìn)行拖放操作。
Notebook Page Flip 是一個(gè)定制的 jQuery 翻書(shū)插件。
imBookFlip 插件通過(guò) iframe 或者直接在頁(yè)面上呈現(xiàn)圖書(shū)效果,可自動(dòng)翻頁(yè)。
via designreflect
聯(lián)系客服