急死小弟我了，大家帮个忙啊 。
日期：2014-05-19 浏览次数：20401 次
急死我了，大家帮个忙啊 。。。。。。。
请问如何实现鼠标移到datagrid的某一列时，浮出一张对应的图片？..
项目急啊，大家帮个忙，谢谢了。。。。。。
------解决方案--------------------
<head>
<!--定义显示和关闭图片的函数-->
<script language= "javascript ">
<!--
function showPic(e,id)
{
var cen = document.getElementById( "my_cen ");
cen.style.display = " ";
cen.style.top = parseInt(e.offsetTop)+80;
cen.style.left= parseInt(e.offsetLeft)+190;
document.getElementById( "my_pic ").src = "../EmployeePictrue/ "+id.toString()+ ".JPG ";
}
function closePic()
{
document.getElementById( "my_cen ").style.display = "none ";
}
//-->
</script>
</head>
<!--放一个隐藏的div用于显示图片-->
<body>
<div id= "my_cen " style= "width:200px;height:200px;text-align:center;display:none;position:absolute; ">
<img id= "my_pic " />
</div>
...
<!--在DataGrid的Item中添加js-->
...
<span style= "color:red;cursor:pointer; " onmouseover= 'showPic(this, <%# Eval( "employee_id ").ToString() %> ); ' onmouseout= "closePic(); "> [相片] </span>
...
------解决方案--------------------
<HTML>
<HEAD>
<title> WebForm3 </title>
<meta content= "Microsoft Visual Studio .NET 7.1 " name= "GENERATOR ">
<meta content= "C# " name= "CODE_LANGUAGE ">
<meta content= "JavaScript " name= "vs_defaultClientScript ">
<meta content= "http://schemas.microsoft.com/intellisense/ie5 " name= "vs_targetSchema ">
<script>
function show(o)
{
var m=document.getElementById( "m ")
m.style.pixelLeft=getL(o)
m.style.pixelTop=getT(o)+o.offsetHeight
m.style.visibility= ' '
}
function hide()
{
document.getElementById( "m ").style.visibility= 'hidden '
}
function getL(e)
{
var l = e.offsetLeft;
while(e=e.offsetParent)
{
l += e.offsetLeft;
}
return l;
}
function getT(e)
{
var t=e.offsetTop;
while(e=e.offsetParent)
{
t+=e.offsetTop;
}
return t;
}
</script>
</HEAD>
<body ms_positioning= "GridLayout ">
<form id= "products_form " runat= "server ">
<asp:DataGrid id= "DataGrid1 " style= "Z-INDEX: 101; LEFT: 304px; POSITION: absolute; TOP: 128px "
runat= "server " AutoGenerateColumns= "False " Width= "496px ">
<Columns>
<asp:TemplateColumn HeaderText= "username ">
<ItemTemplate>
<asp:Label id= "i " onmouseover= "show(this) " onmouseout= "hide() " Runat= "server ">
<%#DataBinder.Eval(Container.DataItem, "FProjectCode ")%>
</asp:Label>
<DIV id= "m " onmouseover= "show(i) &q
请问如何实现鼠标移到datagrid的某一列时，浮出一张对应的图片？..
项目急啊，大家帮个忙，谢谢了。。。。。。
------解决方案--------------------
<head>
<!--定义显示和关闭图片的函数-->
<script language= "javascript ">
<!--
function showPic(e,id)
{
var cen = document.getElementById( "my_cen ");
cen.style.display = " ";
cen.style.top = parseInt(e.offsetTop)+80;
cen.style.left= parseInt(e.offsetLeft)+190;
document.getElementById( "my_pic ").src = "../EmployeePictrue/ "+id.toString()+ ".JPG ";
}
function closePic()
{
document.getElementById( "my_cen ").style.display = "none ";
}
//-->
</script>
</head>
<!--放一个隐藏的div用于显示图片-->
<body>
<div id= "my_cen " style= "width:200px;height:200px;text-align:center;display:none;position:absolute; ">
<img id= "my_pic " />
</div>
...
<!--在DataGrid的Item中添加js-->
...
<span style= "color:red;cursor:pointer; " onmouseover= 'showPic(this, <%# Eval( "employee_id ").ToString() %> ); ' onmouseout= "closePic(); "> [相片] </span>
...
------解决方案--------------------
<HTML>
<HEAD>
<title> WebForm3 </title>
<meta content= "Microsoft Visual Studio .NET 7.1 " name= "GENERATOR ">
<meta content= "C# " name= "CODE_LANGUAGE ">
<meta content= "JavaScript " name= "vs_defaultClientScript ">
<meta content= "http://schemas.microsoft.com/intellisense/ie5 " name= "vs_targetSchema ">
<script>
function show(o)
{
var m=document.getElementById( "m ")
m.style.pixelLeft=getL(o)
m.style.pixelTop=getT(o)+o.offsetHeight
m.style.visibility= ' '
}
function hide()
{
document.getElementById( "m ").style.visibility= 'hidden '
}
function getL(e)
{
var l = e.offsetLeft;
while(e=e.offsetParent)
{
l += e.offsetLeft;
}
return l;
}
function getT(e)
{
var t=e.offsetTop;
while(e=e.offsetParent)
{
t+=e.offsetTop;
}
return t;
}
</script>
</HEAD>
<body ms_positioning= "GridLayout ">
<form id= "products_form " runat= "server ">
<asp:DataGrid id= "DataGrid1 " style= "Z-INDEX: 101; LEFT: 304px; POSITION: absolute; TOP: 128px "
runat= "server " AutoGenerateColumns= "False " Width= "496px ">
<Columns>
<asp:TemplateColumn HeaderText= "username ">
<ItemTemplate>
<asp:Label id= "i " onmouseover= "show(this) " onmouseout= "hide() " Runat= "server ">
<%#DataBinder.Eval(Container.DataItem, "FProjectCode ")%>
</asp:Label>
<DIV id= "m " onmouseover= "show(i) &q
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
