功能:
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 >
运行结果: