侧面板滑块插件jquery-panelslider

查看演示立即下载

插件描述：jquery滑动面板，jQuery插件

幻灯片页面和面板在一起

支持多个面板在同一页

支持关闭当点击外板或按Esc键。

安装

包括jQuery和jquery.panelslider.min.js脚本：

1 2	`<script` `src="/"></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()的元素。

1	`$('#my-panel').panelslider();`

你也可以这样调用panelslider()

1	`$.panelslider($('#my-panel'));`

关闭

该小组将关闭时按下ESC或任何部分的网页外面板点击（如果options.clickclose为true）。

1	`$.panelslider.close(callback);`

选项

这是支持的选项，其默认值：

defaults = {
  side: 'left',      //面板的一面：左或右
  duration: 200,     //过渡时间
  clickClose: true   //如果true关闭面板点击外面
}

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com