ajax扩展控件(5)

DragPanel控件，该控件可以实现拖动一个设定好的面板。 
实例代码如下： 

 <% @ Page Language="C#" AutoEventWireup="true" CodeFile="DragPanelDemo.aspx.cs"
 Inherits="DragPanelDemo"  %> 

 <% @ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, 
PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp"  %> 

 <% @ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1"  %> 

 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 

 < html  xmlns ="http://www.w3.org/1999/xhtml"   > 
 < head  runat ="server" > 
     < title > 无标题页 </ title > 
 </ head > 
 < body > 
     < form  id ="form1"  runat ="server" > 
     < div > 
         < asp:ScriptManager  ID ="ScriptManager1"  runat ="server" > 
         </ asp:ScriptManager > 
             < div  style ="height: 300px; width: 150px; float: left; padding: 5px;" > 
             < asp:Panel  ID ="Panel3"  runat ="server"  Width ="100%" > 
                 < asp:Panel  BorderStyle ="Solid"  BorderWidth ="2px"  BorderColor ="black"  ID ="Panel4" 
                    runat ="server"  Width ="100%"  Height ="20px" > 
                     < div  class ="dragMe" > 
                        拖动 </ div > 
                 </ asp:Panel > 
                 < asp:Panel  BorderStyle ="Solid"  BackColor ="#AFC5FE"  ForeColor ="Black"  Font-Size ="small" 
                    BorderWidth ="2px"  BorderColor ="black"  ID ="Panel5"  runat ="server"  Width ="100%" 
                    Height ="150px"  Style ="overflow: scroll;" > 
                     < p > 移动控制板 </ p > 
                 </ asp:Panel > 
             </ asp:Panel > 
             < cc1:DragPanelExtender  ID ="DragPanelExtender1"  runat ="server" 
TargetControlID ="Panel3"  DragHandleID ="Panel4" > 
             </ cc1:DragPanelExtender > 
         </ div > 
     </ div > 
     </ form > 
 </ body > 
 </ html >