第十三篇: Ajax Control Toolkit 控件包--2. CollapsiblePanel (展开和折叠效果）

1. 新建 Web窗体: CollapsiblePanel.aspx , 添加一个 ScriptManager 控件,一个 CollapsiblePanel 控件(设置 TargetControlID 为: Panel1)

2. 插入一个 一行一列 的表格.(添加 id="table1")


Code

<style type="text/css">

.style1

{

width: 300px;

float: left;

border-color: #c0c0c0;

border-width: 0;

background-color: #0000FF;

cursor: pointer;

}

</style>

<table id="table1" cellpadding="0" cellspacing="0" class="style1">

<tr>

<td>

 </td>

</tr>

</table>

3. 在表格里放一个 Label 控件(文字不要)

4. 在表格下面放一个 Panel 控件(设置: 高:200 宽:300 背景色)



5. 最后一步:给 CollapsiblePanel 控件添加属性



6. OK ,试试看 !!