侧面板滑块插件jquery-panelslider


1800 | 876  | 10 | 添加收藏 上一个 下一个
资源描述 : jquery滑动面板,jQuery插件
侧面板滑块插件jquery-panelslider
资源详情

特点



  • 幻灯片页面和面板在一起

  • 支持多个面板在同一页

  • 支持关闭当点击外板或按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关闭面板点击外面
}


指尖代码 资源每日更新 www.zjdaima.com