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”,注释掉