Slide Panel 介绍
Slide Panel 是一个 jQuery
插件，使元素可以展开、折叠，创建一个滑动的面板效果。目前只支持水平方向的滑动效果。未来的发展趋势：支持垂直水平方向滑动；可从 dom 中删除的面板。
HTML
<div id="slide_panel" class="panel right">
<div class="panel_content"></div>
<div class="panel_tab"></div>
</div>
CSS
.left{float:left;}
.right{float: right;}
.panel{
height:100%;
display:block;
overflow:hidden;
}
.panel_tab{
height:100%;
overflow: hidden;
}
JAVASCRIPT
$("#a_panel").panel({
handle:'#slide_panel > .panel_tab',
content:'#slide_panel > .panel_content',
opened:true,
direction : "both",
openedSize : 180,
openEvent : 'mouseenter',
closeEvent : 'mouseleave',
openSelector : '#slide_panel',
closeSelector : '#slide_panel',
});
Slide Panel 官网
http://robincwillis.github.io/SlidePanel/example/index.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
