jQuery Booklet是一個(gè)強(qiáng)大的API,它可以幫助你創(chuàng)建一個(gè)漂亮的書籍翻頁(yè)效果。它是一個(gè)用于創(chuàng)建基于jQuery頁(yè)面翻轉(zhuǎn)效果的插件,可以與一些其他的插件如:jQuery UI、jQuery Easing、jQuery Address和Hashchange搭配使用,一般來(lái)說(shuō),基于jQuery UI的顯示效果是非常不錯(cuò)的。
這里有幾個(gè)使用jQuery Booklet API的示例:
$(function() { $('#mybook').booklet({ auto : true, width : 800, height: 500 }); });
這里是一些可選參數(shù)的說(shuō)明:
auto
– 一個(gè)布爾類型的值,表示自動(dòng)翻頁(yè)或手動(dòng)翻頁(yè),默認(rèn)為truewidth
– 一個(gè)整數(shù),表示頁(yè)面寬度,默認(rèn)為800height
– 一個(gè)整數(shù),表示頁(yè)面高度,默認(rèn)為500
$(function() { $('#mybook').booklet({ direction: 'random', easing : 'easeOutQuad' }); });
這里是一些可選的效果參數(shù):
direction
– 可以是”LTR”(從左到右)或”RTL”(從右到左)或”random”(隨機(jī))三個(gè)選項(xiàng)之一,默認(rèn)為”LTR”easing
– 在頁(yè)面轉(zhuǎn)換中使用的緩動(dòng)函數(shù),默認(rèn)為”linear”,可以使用jQuery Easing集成函數(shù)的名稱。
以上就是使用jQuery Booklet API的一些示例了,如果需要更多的信息,可以參考jQuery Booklet官方文檔和示例。