鼠标悬停在网格视图行中显示div [英] show div on mouse hover in grid view rows

问题描述

我有一个网格视图，显示一些数据，

i想要当我将鼠标悬停在LabelTital上时，然后在标签下方显示两个按钮（编辑和删除），

所以PLZ帮助我，我的代码在下面

i have a grid view,which show some data,
i want that when i mouse hover on that LabelTital, then show two button(edit & delete) below the label,
so plz help me, my code is below

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"       

                  >
                   <Columns>
                     
                        <asp:TemplateField>
                       <HeaderTemplate>
                       Offer Title
                       </HeaderTemplate>
                       <ItemTemplate>
                           <asp:Label ID="LabelTital" runat="server"    Text='<%#bind("title") %>'></asp:Label>
                       </ItemTemplate>

                       </asp:TemplateField>
                       
                         


                   </Columns>
                        </asp:GridView>

推荐答案

<script src="jquery-1.8.0.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">

（document）.ready（function（ ）{

(document).ready(function () {

（。grdinvoicecss）。mousemove（function（e）{
var o = {
left：e.clientX，
top ：e.clientY
};

(".grdinvoicecss").mousemove(function (e) { var o = { left: e.clientX, top: e.clientY };

这篇关于鼠标悬停在网格视图行中显示div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！