PFold.js 折叠纸片

PFold.js是一款折叠纸片插件,支持定义折叠纸牌数量、折叠动画效果、折叠方向，而且还支持折叠结束后回调方法。

在线实例

使用方法

<div id="uc-container" class="uc-container"> 
    <div class="uc-initial-content"> 
        <span class="clickme">点击我</span> 
    </div> 
    <div class="uc-final-content"> 
        <div class="scrollwrap"> 
            <h3>Dear Sucaihuo,</h3> 
            <p>I just wanted to let you know that you left the garage door open and all the monkeys could get away! Great job! How often did I tell you <span>NOT</span> to forget to close it. On top of all that you also left the gate open and now they are literally in the wild! Anyway, just wated to say <span>THANKS</span> for that!</p><p class="signature">Yours, Barbara</p> 
        </div> 
        <span class="close">x</span> 
    </div> 
</div>

var $container = $('#uc-container'), 
        pfold = $('#uc-container').pfold({ 
    easing: 'ease-in-out', 
    folds: 3, 
    folddirection: ['left', 'bottom', 'right'] 
}); 
 
$container.find('span.clickme').on('click', function() { 
    pfold.unfold(); 
}).end().find('span.close').on('click', function() { 
    pfold.fold(); 
});

参数详解

云盘内容

注意：示例只是当前的内容，【下载】的是全部jQuery插件一起打包后的文件。