侧面板滑块插件jquery-panelslider

特点

安装

包括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关闭面板点击外面

}

搜索发现

下载榜观看榜