首页 | 1109 | 10 | 520 | 添加收藏 上一个 下一个
jQuery展开左右侧栏目插件PageSlide

使用方法


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


<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>