7 ，panel 面板 ：

1 ，面板 ：

$("#aa").panel({
	title:"孙福龙的幸福人生",
	width:500,
	height:200,
	//	可关闭
	closable:true
})
<div id="aa">
    <p>内容区域</p>
</div>

2 ，面板的位置控制 ：

$("#aa").panel({
	title:"孙福龙的幸福人生",
	width:500,
	height:200,
	//	可关闭
	closable:true,
	//	位置 ：
	top:200,
	left:200
})
$("#aa").panel("panel").css("position","absolute")

3 ，自适应整个浏览器 ： fit:true

$("#aa").panel({
	title:"孙福龙的幸福人生",
	width:500,
	height:200,
	//	可关闭
	closable:true,
	fit:true
})

4 ，默认面板大小 ： 有多少字，就站多大地

1. 精华 ： doSize:false
2. 代码 ：

$("#aa").panel({
	title:"孙福龙的幸福人生",
	width:500,
	height:200,
	//	可关闭
	closable:true,
	doSize:false
})

5 ，无标题 ：

noheader:true,

6 ，面板内容 ：

1. 精华 ：

content:"<strong>我很强壮</strong>"

2. 代码 ：

$("#aa").panel({
	title:"孙福龙的幸福人生",
	width:500,
	height:200,
	//	可关闭
	closable:true,
    content:"<strong>我很强壮</strong>"
})

7 ，可折叠 ： collapsible:true

1. 代码 ：

$("#aa").panel({
	title:"孙福龙的幸福人生",
	width:500,
	height:200,
	//	可关闭
	closable:true,
       content:"<strong>我很强壮</strong>",
	//	可折叠
	collapsible:true,
})

2. 效果 ：
   

8 ，标题图标 ： iconCls : ‘icon-search’

1. 代码 ：

$("#aa").panel({
	title:"孙福龙的幸福人生",
    iconCls : 'icon-search',
	width:500,
	height:200,
	//	可关闭
	closable:true,
       content:"<strong>我很强壮</strong>",
	//	可折叠
	collapsible:true,
})

2. 效果 ：