Terry's blog

Focus on bigdata and cloud.

博客园 首页 新随笔 联系 订阅 管理

功能:
        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>

   运行结果:
    

    

 

 

posted on 2007-11-02 11:17  王晓成  阅读(673)  评论(0编辑  收藏  举报