gridview 显示隐藏层的问题

wysfair 2008-02-29 12:38:49

上图是个Gridveiw,绑定了一个会员表想实现:当鼠标经过 "预览" 时显示一个层,层就是该会员的照片~~~鼠标离开时就关闭`~

各位大大们...帮个忙

...全文

460 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

程序猿GG 2010-06-03

打赏
举报

标记一下...

Hamsic 2009-12-01

打赏
举报

标记

阿非 2008-03-01

打赏
举报



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Temp.aspx.cs" Inherits="Temp" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>无标题页</title>

        <script language="javascript" type="text/javascript">

        function showImg(obj,num)

    {

        var table=document.getElementById('GridView1');



        var top=table.offsetTop+num*obj.offsetTop*12+obj.offsetHeight;

        var left=table.offsetLeft+obj.offsetLeft+obj.offsetWidth;



        var div=document.getElementById('showPicDiv');

        

        div.style.display='';

 

        div.style.top = top + "px"

        div.style.left = left + "px";



     }

    

    </script>  

</head>

<body >

    <form id="form1" runat="server">

    <div>

    <asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound" >

    <Columns>

    <asp:TemplateField>

    <ItemTemplate>

    

    <asp:Label  ID='lbl' runat="server" Text="预览"></asp:Label>

    </ItemTemplate>

    </asp:TemplateField>

    </Columns>

    </asp:GridView>

    <div id='showPicDiv'style="position:absolute;display:none" ><img id='img' src='text.jpg' /></div>

    </form>

</body>

</html>





using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;





using System.Collections.Generic;



public partial class Temp : System.Web.UI.Page

{

    protected string state = "true";



    protected ICollection CreateDataSource()

    {



        System.Data.DataTable dt = new System.Data.DataTable();

        System.Data.DataRow dr;

        dt.Columns.Add(new System.Data.DataColumn("布尔", typeof(System.Boolean)));

        dt.Columns.Add(new System.Data.DataColumn("学生班级", typeof(System.String)));

        dt.Columns.Add(new System.Data.DataColumn("学生姓名", typeof(System.String)));

        dt.Columns.Add(new System.Data.DataColumn("语文", typeof(System.Decimal)));

        dt.Columns.Add(new System.Data.DataColumn("数学", typeof(System.Decimal)));

        dt.Columns.Add(new System.Data.DataColumn("英语", typeof(System.Decimal)));

        dt.Columns.Add(new System.Data.DataColumn("计算机", typeof(System.Decimal)));

        dt.Columns.Add(new System.Data.DataColumn("图片", typeof(System.String)));



        for (int i = 0; i < 11; i++)

        {

            System.Random rd = new System.Random(Environment.TickCount * i); ;

            dr = dt.NewRow();

            dr[0] = i % 2 == 0 ? true : false;

            dr[1] = "班级" + i.ToString();

            dr[2] = "学生" + i.ToString();

            dr[3] = System.Math.Round(rd.NextDouble() * 100, 2);

            dr[4] = System.Math.Round(rd.NextDouble() * 100, 2);

            dr[5] = System.Math.Round(rd.NextDouble() * 100, 2);

            dr[6] = System.Math.Round(rd.NextDouble() * 100, 2);

            dr[7] = i % 2 == 0 ? "text.jpg" : "text1.jpg";

            dt.Rows.Add(dr);

        }

        System.Data.DataView dv = new System.Data.DataView(dt);





         return dv;

    }





    protected void Page_Load(object sender, EventArgs e)

    {

        

        

        GridView1.DataSource = CreateDataSource();

        GridView1.DataBind();



        

    }

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

    {

        if (e.Row.RowType == DataControlRowType.DataRow)

        {



            Label lbl = e.Row.FindControl("lbl") as Label;

            if (lbl != null)

            {



                string js = "showImg(this," + e.Row.RowIndex .ToString()+ ");document.getElementById('img').src='" + e.Row.Cells[8].Text + "';";

                lbl.Attributes.Add("onmousemove", js);

                lbl.Attributes.Add("onmouseout", "document.getElementById('showPicDiv').style.display='none';");



            }

        }

        

    }

}