ASP.NET AJAX(21)-DropShadowExtender

2008-03-16

1.Shadow就是陰影，這是一個讓panal有陰影的控制項，單純美觀用而已。

2.Rounded設定陰影是否要圓角

3.TrackPosition，要設成true，否則陰影不會跟著panal跑，底下範例結合拖拉panal，大家可以試試，若TrackPosition沒有設成true，在拖拉panal時，陰影是不會跟著動的。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div style="height:350px;width:600px;"> <asp:Panel ID="Panel1" runat="server" BackColor="Yellow" Height="96px" Width="288px"> 測試用</asp:Panel> </div> <cc1:DropShadowExtender ID="DropShadowExtender1" runat="server" Rounded="True" TargetControlID="Panel1"> </cc1:DropShadowExtender> <cc1:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="Panel1"> </cc1:DragPanelExtender> </form> </body> </html>

回首頁