AJAX Control Toolkit——DropShadow（阴影和圆角框）
生活随笔
收集整理的這篇文章主要介紹了
AJAX Control Toolkit——DropShadow（阴影和圆角框）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
該控件的效果就是可以使相應的Panel產生陰影和圓角框的效果，要說的是該控件在CSS3來臨之際并不存在多大的意義了，因為在CSS3中同樣可以實現而且更加理想的效果。
但是要說明的是不要為目標Panel添加過多的CSS屬性，不然會出現預料之外的效果，如果你想設置內容的內邊距（padding）,建議用在Panel里面嵌套div，在為期添加相應的CSS。
1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml">
5 <head runat="server">
6 <title>DropShadow</title>
7 <style type="text/css">
8 .content
9 {
10 padding: 10px;
11 font-family:微軟雅黑;
12 font-size:16px;
13 }
14 .para
15 {
16 font-weight:bold;
17 font-size:14px;
18
19 }
20 li{ padding:5px; list-style-type:none;}
21 </style>
22 </head>
23 <body>
24 <form id="form1" runat="server">
25 <asp:ScriptManager ID="ScriptManager1" runat="server" />
26 <br />
27 <br />
28 <div>
29 <asp:Panel ID="Panel1" runat="server" BackColor="#C0C0FF" Height="450px" Width="960px">
30 <div class="content">
31 <p>
32 DropShadow is an extender that applies a drop shadow to an ASP.NET Panel control.
33 The extender allows you to specify how wide the shadow is, how opaque it is, and
34 whether the shadow should have rounded corners. For pages that let the user move
35 or resize the panel, the DropShadow extender has a mode that will resize and reposition
36 the shadow to match the target panel at run time.</p>
37
38 <li>TargetControlID</li>- The ID of the control to extend.
39 <li> Width </li> - The width, in pixels,
40 of the drop shadow. The default is 5.
41 <li>Opacity</li>
42 - The opacity of the drop shadow,
43 from 0 (fully transparent) to 1.0 (fully opaque). The default is .5.
44 <li>TrackPosition</li>- A Boolean value that specifies whether the dropshadow should track the position
45 of the panel it is attached to. Set this property to true if the panel is absolutely
46 positioned or if it might move at run time. The default is false.
47 <li>Rounded</li> - A Boolean
48 value that specifies whether the corners of the target and drop shadow should be
49 rounded
50 </div>
51 </asp:Panel>
52 <ajaxToolkit:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID="Panel1"
53 Opacity=".7" Rounded="true" Radius="12">
54 </ajaxToolkit:DropShadowExtender>
55 </div>
56 </form>
57 </body>
58 </html>
更多參數和方法請參見@http://www.asp.net/ajaxlibrary/act_DropShadow.ashx
轉載于:https://www.cnblogs.com/January/archive/2011/08/03/2126025.html
總結
以上是生活随笔為你收集整理的AJAX Control Toolkit——DropShadow（阴影和圆角框）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 从数学到密码学（八）
- 下一篇： 关于通过反汇编查看dll的方法【转】(