插件描述：利用jquery插件實現的類似圖書翻書效果功能

Booklet是一個基于jQuery庫的實現網頁上翻書動畫效果的插件，在jBooklet頁面上可以寫任何支持html的內容，而軟件設置相當簡單，就算是什么都沒設置，采用默認值，效果都非常的棒。

使用效果前請先引用需要用到的jquery和js

引入核心css文件

構建html，創建booklet必須把內容寫在jbooklet頁面上。

1、建立一個容器DIV，然后設定一個ID或是CLASS

2、在容器內建立頁面，booklet會自動識別容器內DIV親子項作為一個頁面

Yay,?Page?1!

Yay,?Page?2!

Yay,?Page?3!

Yay,?Page?4!

寫JS初始化插件，使用jquery的選擇器初始化booklet，如果頁面中有多個相同的ID或class被選中初始化，那么頁面將會建立多個相同的翻頁效果。$(function()?{

//single?book

$('#mybook').booklet();

//multiple?books?with?ID's

$('#mybook1,?#mybook2').booklet();

//multiple?books?with?a?class

$('.mycustombooks').booklet();

});

總結

以上是生活随笔為你收集整理的ajax实现翻书效果,jquery实现的翻书效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。