鼠标弹出鼠标输入和隐藏鼠标输出

Question

我正在尝试将弹出控件应用于我的ASP.NET网站上的链接按钮。该弹出窗口仅在单击按钮时出现。如何修改行为以使鼠标悬停时弹出窗口和鼠标输出时的ide弹出窗口出现？

按钮代码：

<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会让你更轻松。