asp.net - 鼠标进入时弹出，鼠标移出时隐藏

Question

我试图将弹出控件应用于我的 ASP.NET 网站上的“链接”按钮。弹出窗口仅在单击按钮时出现。如何修改行为以在鼠标悬停时显示弹出窗口并在鼠标移出时显示弹出窗口？

按钮代码:

<asp:LinkButton ID="LinkButton2" CssClass="btn green"  ToolTip="NewProfile" Text="NewPlugin" 
           runat="server" Width="175px" onclick="AddBtn_Click" /><br /><br />

对于弹出控件:

<asp:Panel ID="Panel4" runat="server" CssClass="popupControl">
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        Administrative previliges are required for this action.                            
                    </ContentTemplate>
                </asp:UpdatePanel>
            </asp:Panel>             
       <asp:PopupControlExtender ID="PopupControlExtender1" runat="server" TargetControlID="LinkButton2" PopupControlID="Panel4" Position="Right">
       </asp:PopupControlExtender>

Answer 1

这是一个 JQuery 函数，它做的事情和你想做的完全一样......

$(".deal-hotel").live('mouseover',
function() {
    $(this).find('.deal-hotel-popup').show();
}).live('mouseout',
function() {
    $(this).find('.deal-hotel-popup').hide();
});

然而，将 onclick 的 HTML 属性更改为 onmouseover 应该可以帮助您实现目标。 Read This

旁注，切换到 JQuery 会让您更容易喜欢。