插件描述:jquery滑动面板,jQuery插件
特点
幻灯片页面和面板在一起
支持多个面板在同一页
支持关闭当点击外板或按Esc键。
安装
包括jQuery和jquery.panelslider.min.js脚本:
1
2
<scriptsrc="
http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<scriptsrc="jquery.panelslider.min.js"></script>
使用
创建面板内容的元素,它的链接。
1
2
3
4
<divid="my-panel">
<p>Hello,world</p>
</div>
Openpanel
然后调用panelslider()的元素。
1
$('#my-panel').panelslider();
你也可以这样调用panelslider()
1
$.panelslider($('#my-panel'));
关闭
该小组将关闭时按下ESC或任何部分的网页外面板点击(如果options.clickclose为true)。
1
$.panelslider.close(callback);
如果您觉得本文的内容对您的学习有所帮助:
关键字:
css