AJAX之hoverMenu控件

<head runat="server">
    <title>AJAX控件之HoverMenu</title>
    <style type="text/css">
        .popupMenu
        {
            position:absolute;
            visibility:hidden;
            background-color:#F5F7F8;
            opacity:.8;
        }
       
        .popupHover
        {
            background-image:url(images/header.png);
            background-repeat:repeat-x;
            background-position:left top;
            background-color:#F5F7F8;
        }
    </style>
</head>
<body style="text-align: center">
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div>
            <asp:Panel ID="Panel1" runat="server" Height="12px" Width="81px">
                中心地区</asp:Panel>
        </div>
        <asp:Panel ID="Panel2" runat="server" Height="38px" Width="56px" CssClass="popupMenu">
            <asp:LinkButton ID="LinkButton1" runat="server">菜单一</asp:LinkButton><br />
            <asp:LinkButton ID="LinkButton2" runat="server">菜单二</asp:LinkButton></asp:Panel>
        <cc1:HoverMenuExtender ID="HoverMenuExtender1" runat="server" PopDelay="100" PopupControlID="Panel2"
            PopupPosition="Bottom" TargetControlID="Panel1" HoverCssClass="popupHover">
        </cc1:HoverMenuExtender>
    </form>
</body>
posted @ 2008-08-14 21:03  XGU_Winner  阅读(231)  评论(0)    收藏  举报