AJAX控件之DragPanel

显示页面Html代码

<%@ 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">

<title>AJAX控件之DragPanel</title>

</head>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<asp:Panel ID="Panel1" runat="server" Height="240px" Width="100%">

<asp:Panel ID="Panel2" runat="server" Height="32px" Style="font-weight: bold; cursor: move;

color: #ff3333; background-color: lightgoldenrodyellow" Width="100%">

请推我!!!</asp:Panel>

<asp:Panel ID="Panel3" runat="server" Height="192px" Style="background-color: bisque"

Width="100%">

<br />

博客<br />

http://chenou.cnblogs.com</asp:Panel>

</asp:Panel>

</div>

<cc1:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="Panel1" DragHandleID="Panel2">

</cc1:DragPanelExtender>

function setOrientation()

{

document.body.style.height=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight)+"px";

}

setOrientation();

$addHandler(window,"resize",setOrientation);

</script>

</form>

</body>

</html>

posted on 2007-03-29 21:56 小角色阅读(166) 评论(0) 收藏举报