如何在asp:linkButton上显示鼠标悬停事件上的图像

How I can display Image on mouseover event on asp:linkButton

本文关键字：悬停 鼠标 事件 图像 显示 asp linkButton      更新时间：2023-09-26

我使用的是asp.net框架3.5和c#2.0。我能够将数据绑定到gridview。事实上，我想在asp:linkButton上显示鼠标悬停事件的图像，这在网格视图中使用

<asp:GridView ID="gvTemplate" runat="server" AllowPaging="True" AutoGenerateColumns="False"
    CellPadding="4" ForeColor="#333333" GridLines="None" ShowFooter="True" Width="100%"
    OnRowCommand="gvTemplate_RowCommand" OnRowDataBound="RowDataBound" OnPageIndexChanging="gvTemplate_PageIndexChanging">
                                                <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
    <Columns>
        <asp:TemplateField HeaderStyle-HorizontalAlign="Left" HeaderText="Sr. No">
            <ItemTemplate>
                <%# Container.DataItemIndex + 1 %>
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Left" />
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Template Name" ItemStyle-HorizontalAlign="Left">
            <ItemTemplate>
                <asp:LinkButton ID="lBtTempID" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"tempName") %>'
                    CommandName='<%# DataBinder.Eval(Container.DataItem,"tempID") %>' CommandArgument="tempID" onmouseover="javascript:showImage(this.id)"/>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderStyle-HorizontalAlign="Left" HeaderText="Template Type">
            <ItemTemplate>
                <asp:Label ID="lbltempType" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"tempType") %>' />
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Left" />
        </asp:TemplateField>
    </Columns>
    <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
    <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
    <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
    <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
    <EditRowStyle BackColor="#999999" />
    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
</asp:GridView>

如果你可以使用jquery，它会像这个

    $('.lBtTempClass').mouseover(function() {
///  Do your code
    });

您应该添加一个css类到链接按钮

<asp:LinkButton ID="lBtTempID" CssClass="lBtTempClass" runat="server" >
相关文章：