该控件的效果就是可以使相应的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         .para15         {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, and34                     whether the shadow should have rounded corners. For pages that let the user move35                     or resize the panel, the DropShadow extender has a mode that will resize and reposition36                     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 position45                 of the panel it is attached to. Set this property to true if the panel is absolutely46                 positioned or if it might move at run time. The default is false. 47               <li>Rounded</li> - A Boolean48                 value that specifies whether the corners of the target and drop shadow should be49                 rounded50             </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（阴影和圆角框）相关推荐

  1. 《ASP.NET AJAX程序设计 第I卷 服务器端ASP.NET AJAX Extensions与ASP.NET AJAX Control Toolkit》目录（最终定稿）...

    第一二卷都比较简单,特别是第一卷,讲的都是服务器端控件.第二卷是客户端部分,第三卷是高级内容,包括调试.性能.部署.控件开发.源代码结构.用户体验.心理学模型等等-- 第一卷争取在四月份出版,谢谢各位 ...

  2. 细数Ajax Control Toolkit 34个服务器端控件

    1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...

  3. Ajax Control Toolkit 32个服务器端控件

    1. Accordion [功能概述]Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展 ...

  4. Ajax Control Toolkit 34个服务器端控件 详解

    1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...

  5. AJAX Control Toolkit 控件学习(转自csdn山巅)

    AJAX Control Toolkit 控件学习 2006-1-16 ToggleButton 关联ASP.NET CheckBox控件 RoundedCorder 造就圆角框 PasswordSt ...

  6. Ajax Control Toolkit 34个服务器端控件

    1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...

  7. Asp.Net Ajax Control Toolkit 服务器端控件

    1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...

  8. 轻松掌握Ajax.net系列教程二：部署Ajax Control Toolkit

    要使用好Ajax.net,就要学会灵活运用Ajax.net所提供的Ajax Control Toolkit.该控件包提供了很多使用效果很炫的控件,有了它你能轻松打造一个Ajax网站.从本章开始,我们一 ...

  9. Asp.net Ajax Control Toolkit设计编程备忘录（色眼窥观版）——第5回(错不了专辑)

    色即设--设计,从网页设计师的角度出发.因为自己的的特殊性(本身是软件工程师,但是对网页设计却有浓厚的兴趣),所以我的此系列文章不仅仅从编程角度出发,还将从设计的角度出发来细数AjaxControlT ...

最新文章

  1. python中的下划线_Python中的下划线详解
  2. ACM - 算法篇，基础题目
  3. 杭电1203java实现
  4. Unknown system variable 'tx_isolation'] with root cause
  5. 神策数据王灼洲 徐缓：ID-Mapping 用户打通那些事儿
  6. 使用Java读取 “Python写入redis” 的数据踩坑记录
  7. 【转】selector函数指针回调机制
  8. DOM-12 【模拟桌面待讲评】鼠标事件深入、点击与拖拽分离、双击事件
  9. Gradle技巧–显示buildscript依赖项
  10. 什么是 CD 管道？一文告诉你如何借助Kubernetes、Ansible和Jenkins创建CD管道！
  11. C/C++：Windows编程—IAT Hook实例(程序启动拦截)
  12. CentOS6安装Cisco模拟器Dynamips
  13. 浅谈C#托管程序中的资源释放问题 （转载）
  14. HTML教程: 网页字体的设置浅谈
  15. windows+clion Process finished with exit code -1073741515 (0xC0000135)
  16. 基于java浏览器的设计与实现_基于java的浏览器的设计与实现论文.docx
  17. excel与python生成正态分布的数据，实践
  18. 上海跳槽后 如何进行公积金转移？
  19. 新安装Windows 2012 启动报错0xc0000225
  20. CAM和GradCAM

热门文章

  1. 【lua学习】5.栈和lua_State
  2. linux双wan网关负载均衡,Csico2951路由器，如何做到双WAN口负载均衡？
  3. android math类,GitHub - Zihin/MathModeling-Android
  4. 插入排序java_「Java」各类排序算法
  5. Sublime Text3常用基本操作
  6. for循环简介及实例（输出九九乘法表）
  7. 【渝粤教育】国家开放大学2018年秋季 3818-22T燃气工程施工 参考试题
  8. 【渝粤题库】国家开放大学2021春1078复变函数题目
  9. oracle查看表的命令,Oracle常用查看表结构命令
  10. mysql-5.5密码是多少_关于mysql-5.5数据库密码的设置和重置