滑动面板效果 Slide Panel

未知
JavaScript HTML/CSS
跨平台
2015-05-05
大胖森

六一趣味技术问答,“秃头”要从娃娃抓起!>>>

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',
});


加载中

评论(0)

暂无评论

暂无资讯

暂无问答

android-image-slide-panel图片照片墙的加载和滑动特效

android-image-slide-panel图片照片墙的加载和滑动特效

2015/12/01 10:44
346
0
IBM 9117-MMA-更换内存案例

一、定位故障 #errpt #errpt -aj XXXXXX 或者通过ASMI登陆查询error错误信息 二、更换准备 Determining memory slot locations for processor features 5620, 5622, 7380, 7387, 7388, and 7...

2019/11/13 13:21
7
0
MAC下利用pandoc+markdown来写slide

(转)https://www.jianshu.com/p/69b536f5c11f % MAC下利用pandoc+markdown来写slide pandoc是一款开源转换工具,可以实现常见的格式转换。支持全平台操作,以命令行的方式进行转换。 Mac下用...

2018/09/11 19:16
14
0
panel move无效

先附上链接 http://www.jeasyui.com/documentation/index.php#

2018/01/13 11:40
59
0
iPad 分屏多任务: Slide Over & Split View

iPad 的分屏多任务是由iOS 9 开始引进的,共有2种方式,官方称为 "Slide Over" 和 Split View"。 ### Slide Over ![输入图片说明](https://static.oschina.net/uploads/img/201612/14094419_...

2016/12/14 09:58
1.9K
0
android-slide-to-unlock 锁屏效果

android-slide-to-unlock 锁屏效果,这是一个模仿苹果"slide to unlock"动画的demo应用。代码比较简单,就是用android自带的着色器shader去drawText,根据不同的参数,设置着色器不同的着色位...

2015/09/07 15:33
272
0
netoffice添加新的slide

网上很少关于netoffice添加slide的方法,后来用了VSTO添加的方法竟然可行,都是微软的,其实原理应该是一样的。具体代码如下: /// PowerPoint 应用程序对象 /// </summary> private PowerPo...

2018/01/25 15:38
23
0
winfrom Panel 问题

Panel 图片自适应 BackgroundImageLayout 设置成Zoom就行 Panel动态换图片时候的闪烁问题: 首先创建一个自己的panel类: using System; using System.Collections.Generic; using System.L...

2018/10/19 10:13
9
0
jquerymobile移动门户开发初探

地址:http://jquerymobile.com/ 使用后体会:常用的移动前端框架,学习成本较低,基本满足移动开发的需求,但若需要细粒度的前端开发需要另设计改造。框架可能比较大,在2G网络难以有较好的...

2013/03/13 16:08
295
0
[UE4]Grid Panel

一、使用Grid Panel可以做出类似暗黑3一样的物品栏:不同的物品栏占据的物品栏格子不一样。    二、GridPanel.FillRules,可以设置每个单元格内的控件是否是拉伸比重。注意:这个是Grid Pa...

2019/01/18 10:56
25
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部