Turn.js是一個內置的jQuery翻頁插件

1 html中引入<script type="text/javascript" src="js/turn.js"></script>

2  創建html

<div id="flipbook"><div class="hard"> Turn.js </div> <div class="hard"></div><div> Page 1 </div><div> Page 2 </div><div> Page 3 </div><div> Page 4 </div><div class="hard"></div><div class="hard"></div> </div>

3 javascript 部分

$("#flipbook").turn({width: 400,height: 300,autoCenter: true });

4.可用選項、屬性、方法、事件、css類

　選項：

(1)acceleration:設置硬件加速模式，對于觸摸設備，此值必須為真。acceleration:true; (2)direction:指定flipbook從左到右(DIR=ltr，默認值)或右向左(DIR=rtl)的方向。a.$

總結

以上是生活随笔為你收集整理的turn.js （翻页效果）总结的全部內容，希望文章能夠幫你解決所遇到的問題。

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