ajax控件之HoverMenuExtender

作者在 2008-05-03 22:21:45 发布以下内容
控件名:HoverMenuExtender
用途即效果:做一个当鼠标经过web控件时动态的现实一些内容的效果。
属性:

◆TargetControlID—HoverMenuExtender相应目的控件;

◆PopupControlID—当鼠标在目的控件上移动时要显示的控件;

◆HoverCssClass—当弹出框可见时要应用到其上的CSS类;

◆PopupPosition—相对于目标控件要显示的弹出位置,可能的取值有:left,right,top,bottom或center;

◆OffsetX/OffsetY—目标控件和弹出框之间的像素偏移量;

◆PopDelay—当鼠标移开目标控件时弹出框在屏幕上滞留的时间。

做法:

1.拖放一个label控件,随便什么控件都是支持的。用来当鼠标经过它时显示其他的内容。

2.拖放一个panel,在里面放上要现实的内容。

3.放一个HoverMenuExtender控件,并设置属性。

//如果想要无刷新的改变的话,可以将这些控件都放到updatapanel控件中

eg:

aspx页面:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Label ID="Label1" runat="server" BackColor="Info" Font-Size="Large" Text="作者:XXXXXXXXXX"></asp:Label>
                 <asp:Panel ID="Panel1" runat="server" Height="185px" "174px">
            <asp:Image ID="Image1" runat="server" Height="103px" ImageUrl="~/img/nan.jpg" "168px" /><br />
            修改作者名:<br />
             <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="提交" /></asp:Panel><cc1:HoverMenuExtender ID="HoverMenuExtender1" runat="server" OffsetX="10" OffsetY="10" PopDelay="1000" PopupControlID="Panel1" PopupPosition="Right" TargetControlID="Label1">
            </cc1:HoverMenuExtender>
            </ContentTemplate>
        </asp:UpdatePanel>


       cs页面:

protected void Button1_Click(object sender, EventArgs e)
    {
        if (TextBox1.Text != "")
        {
            Label1.Text = TextBox1.Text;
        }
    }

效果图:

 
————————————————————
技术日志 | 阅读 3075 次
文章评论,共0条
游客请输入验证码