用途即效果:做一个当鼠标经过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页面:
{
if (TextBox1.Text != "")
{
Label1.Text = TextBox1.Text;
}
}
效果图: