引用jQuery和jquery.panelslider.min.js脚本:
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.panelslider.min.js"></script>
创建面板内容的元素,它的链接。
<div id="my-panel">
<p>Hello, world</p>
</div>
<a id="my-link" href="#my-panel">Open panel</a>
然后调用panelslider()的元素。
$('#my-panel').panelslider();
你也可以这样调用panelslider()
$.panelslider($('#my-panel'));
该小组将关闭时按下ESC或任何部分的网页外面板点击(如果options.clickclose为true)。
$.panelslider.close(callback);
选项
defaults = {
side: 'left', //面板的一面:左或右
duration: 200, //过渡时间
clickClose: true //如果true关闭面板点击外面
}