jquery翻页turnjs简单实例详解编程语言

jquery翻页turnjs简单实例

<div id="flipbook">
 <div class="hard" style="background: #000; color: #FFF">1</div>
 <div class="hard" style="background: #F00;color: #FFF">2</div>
 <div style="background: #000;color: #FFF">3</div>
 <div style="background: #F00;color: #FFF">4</div>
 <div style="background: #000;color: #FFF">5</div>
 <div class="hard" style="background: #F00;color: #FFF">6</div>
 <div class="hard" style="background: #000;color: #FFF">7</div>
 </div>
 
 var bodywidth=$('body').width();
 var bodyheight=$('body').height();
 $("#flipbook").turn({
 width: bodywidth,
 height: bodyheight,
 autoCenter: false,
 display: "single",
 });

如果要设置双页 直接把display: “single”,注释掉