AJAX Toolkits -- DropShadow

在AJAX Toolkits中有个DropShadow扩展控件，该控件的对象Panel（我只在Panel上试验成功，虽然说明手册上说，可以用于Button和Link）

通过该扩展控件，可以实现目标控件边缘变为原型，并增加阴影效果

TargetControlID - 控件的编号
Width - 数字型，阴影的相对宽度，默认为5
Opacity - 数字型，透明度，范围是0~1.0，默认为0.5
TrackPosition - 布尔型，当Panel存在位置移动（例如拖动或折叠），将该属性设置为True，则会根据实际位置而保持阴影效果，默认为false.
Rounded - 布尔型，边角是否为原型。

Code
1

<div style="width: 300px">
2

<asp:Panel ID="Panel1" runat="server" Style="background-color: #AAFFFF">
3

<div style="padding: 10px">
4

First Name:
5

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
6

<br />
7

Last Name:
8

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
9

<hr />
10

<asp:Panel ID="CollapseHeader" runat="server" Style="cursor: pointer; text-align: left">
11

<asp:Label ID="Label1" runat="server" Text="Label">Show Details

</asp:Label>
12

</asp:Panel>
13

<asp:Panel ID="Panel2" runat="server" Style="overflow: hidden; height: 0px; text-align: left">
14

Not many details here. This is just a demo to show how the DropShadow will react
15

properly to changes in the size of the panel it is attached to.</asp:Panel>
16

<cc1:CollapsiblePanelExtender ID="Panel2_CollapsiblePanelExtender" runat="server"
17

Enabled="True" TargetControlID="Panel2" Collapsed="true" CollapsedText="Show Details

"
18

ExpandedText="Hide Details" CollapseControlID="CollapseHeader" ExpandControlID="CollapseHeader"
19

SuppressPostBack="true">
20

</cc1:CollapsiblePanelExtender>
21

</div>
22

</asp:Panel>
23

<cc1:DropShadowExtender ID="Panel1_DropShadowExtender" runat="server" Enabled="True"
24

TargetControlID="Panel1" Opacity="0.2" Rounded="true" TrackPosition="true">
25

</cc1:DropShadowExtender>
26

</div>

转载于:https://www.cnblogs.com/lx0831/archive/2009/01/05/1369518.html

AJAX Toolkits -- DropShadow相关推荐

【转】Step By Step在VS2008中完整配置Ajax Toolkit的使用（配图）
本文转自:http://www.cleocn.com/post/2008/06/Step-By-Step-in-VS2008-in-the-complete-configuration-of-the- ...
AJAX Tookits -- ConfirmButton
在AJAX Toolkits中有个ConfirmButton的扩展控件,该控件只能应用与Button类型的控件,例如Button和LinkButton. 当你点击按键之后,系统会弹出一个确认框.基本属 ...
50個AJAX Tools and Frameworks
50個AJAX Tools and Frameworks Max Kiesler網站公布了50個AJAX Tools and Frameworks... Max Kiesler網站公布了50個AJAX ...
ajax tool works，,AJAX TOOLS.
摘要: This article looks at six high-profile toolkits which offer a wide variety of application develo ...
[转载/翻译]优化浏览器渲染
Posts Tagged: 翻译未分类 - 23 Comments 20 一 10 [转载/翻译]优化浏览器渲染ISD Webteam的大布同学(twitter:@tc_bryanzhang)牺牲了 ...
AJAX Control Toolkit——DropShadow（阴影和圆角框）
该控件的效果就是可以使相应的Panel产生阴影和圆角框的效果,要说的是该控件在CSS3来临之际并不存在多大的意义了,因为在CSS3中同样可以实现而且更加理想的效果. 但是要说明的是不要为目标Panel ...
Ajax弹出漂亮可拖动的提示层(窗)效果
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
ASP.NET AJAX入门系列（1）：概述
经常关注我的Blog的朋友可能注意到了,在我Blog的左边系列文章中,已经移除了对Atlas学习手记系列文章的推荐,因为随着ASP.NET AJAX 1.0 Beta版的发布,它们已经不再适用,为了不 ...
细数Ajax Control Toolkit 34个服务器端控件
1. Accordion [功能概述] Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只 ...

AJAX Toolkits -- DropShadow

AJAX Toolkits -- DropShadow相关推荐

最新文章

热门文章