jQuery展开左右侧栏目插件PageSlide

 查看演示  website  立即下载

使用方法

向右，滑动并从辅助页加载内容

<a href="_secondary.html" class="first">Link text</a>
<script>
    $("a.first").pageslide();
</script>

滑到左边，并在模态的窗格中显示此页的隐藏的内容

<a href="#modal" class="second">Link text</a>
<div id="modal" style="display:none">
    <h2>Modal</h2>
    <a href="javascript:$.pageslide.close()">Close</a>
</div>

<script>
    $(".second").pageslide({ direction: "left", modal: true });
</script>

以编程方式打开的页面

<a href="javascript:$.pageslide({ direction: 'left', href:'_secondary.html' })">Link text</a>

PREVIOUS:
NEXT:
jQuery三维倾斜的滚动效果
jQuery通知栏插件jBar