注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

左右收缩菜单的侧面滑块插件jquery panelslider

菜单 fishcity 2639浏览

侧面滑块插件jquery panelslider

这是一款页面内支持多个滑动面板的滑块插件jquery panelslider,用来做会员中心的左栏菜单或是后台的左栏菜单是非常棒的,而且它可以支持左右滑块同时存在。

特点:

滑块面板和内容页一起滑动

支持多个面板在同一页页

支持点击外板某元素或按Esc键关闭。

使用方法:

引入核心库文件,jquery必须在插件前面引入

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.panelslider.min.js"></script>

创建html元素

<div id="my-panel">
  <p>Hello, world</p>
</div>
<a id="my-link" href="#my-panel">Open panel</a>

初始化插件

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

当然,您也可以这样的来初始化

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

关闭滑板

$.panelslider.close(callback);

当按下ESC或是点滑板外的任何地方(参数.clickClose设置成true),滑板将会关闭。您不用担心关闭会出错,因为每次只有一个激活的滑板,所以不用绑定需要关闭的滑块元素。

参数选项与默认值

defaults = {
  side: 'left',      // 面板会置: 左边或右边
  duration: 200,     // 滑动的动画时间,毫米为单位
  clickClose: true   // 如果参数设置成true,那么点击滑板外的任何地方,滑板将关闭
}

下面是一个带参数的标准调用代码:

$('#my-panel').panelslider({side: 'left', duration: 200, clickClose: true });

转载请注明:jQ酷 » 左右收缩菜单的侧面滑块插件jquery panelslider

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。