功能:
1.锐化边角效果:可以让Panel等控件的边角圆滑。
2. 阴影效果:让指定的控件具备阴影效果。
3. 阴影透明:此设置是专门针对控件的阴影,设置透明度,如果控件没有阴影,则此功能也不存在。
属性:
TargetControlID:要应用阴影的控件ID。
Opacity:阴影的透明度。最大值为1,默认为0.5。
Rounded:是否锐化目标控件的边角。
TrackPosition:追随目标控件的位置,此属性一般应用在控件被拖动,或有其他移动的时候。
实例代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>DropShadow控件</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Panel ID="Panel1" runat="server" Width="300" style="background-color: #BBBBFF;">
<table border="0">
<tr>
<td>First Name</td><td><input type="text" id ="firstName" /></td>
</tr>
<td>Last Name</td> <td><input type="text" id="lastName"</td>
<tr>
</tr>
</table>
</asp:Panel>
<ajaxToolkit:DropShadowExtender ID="DropShadowExtender1" runat="server"
TargetControlID="Panel1"
Opacity=".35"
Rounded="true"
Radius="10"
TrackPosition="true">
</ajaxToolkit:DropShadowExtender>
</form>
</body>
</html>
<head runat="server">
<title>DropShadow控件</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Panel ID="Panel1" runat="server" Width="300" style="background-color: #BBBBFF;">
<table border="0">
<tr>
<td>First Name</td><td><input type="text" id ="firstName" /></td>
</tr>
<td>Last Name</td> <td><input type="text" id="lastName"</td>
<tr>
</tr>
</table>
</asp:Panel>
<ajaxToolkit:DropShadowExtender ID="DropShadowExtender1" runat="server"
TargetControlID="Panel1"
Opacity=".35"
Rounded="true"
Radius="10"
TrackPosition="true">
</ajaxToolkit:DropShadowExtender>
</form>
</body>
</html>
运行结果: