
特点
- 幻灯片页面和面板在一起
- 支持多个面板在同一页
- 支持关闭当点击外板或按Esc键。
安装
包括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关闭面板点击外面
}