C#中怎么实现鼠标移上面就显示层 并且层里的内容是从数据库提取出来的

Question

C#中怎么实现鼠标移到一个图片上就显示层 并且层里的内容是从数据库提取出来的 请各位高手帮忙啊

Answer 1

onmouseover事件设置style disply属性

Answer 2

可以在Onmouseover的时候执行一段js,,用ajax读取数据库信息，再绑定到div上面

Answer 3

Onmouseover的时候促发一个ＪＳ脚本，用来出发服务器端控件的事件，用于去数据，因为页面执行的顺序是先执行服务器端再执行客户端

Answer 4

上面已经说得很清楚了,
你可以用在图片的属性里加Onmouseover= "ShowInfo(this);" dataId = ""; onmouseout="CloseInfo();"
在绑定图片的时候C#代码 pic.atttibute.add("dataId",id);
function showInfo(pic)
{
    var id = pic.getAttribute("dataId")
    // 用ajax 调用C#代码取值
     // 把返回值显示在层上
    // 显示层
}
function CloseInfo()
{
   // 关闭层 style.display = 'none';
}

Answer 5

两个可能.
1.载入页面的时候,把数据保存在DIV里,然后显示style.display="inline"
2.在显示层的同时,用异步方式(XMLHTTP)获取数据,并显示.这个网上很多例子了.

Answer 6

自定义title特效,网上很多代码.lz可以去看下.

Answer 7

用AJAX.鼠标移到某个某个图片上时返该层要显示的内容。。 <v:roundRect id="roundDiv" onmouseOver="MouseOver('divMouseOver',this);" onmouseOut="MouseOut('divMouseOut',this)"; style="position:absolute;width:180px;height:100px;filter:Alpha(opacity=60);border-collapse:collapse; visibility:hidden;" FillColor="#D7FFEC" Filled="T" >
         <div id="employeeInfo" style="margin-top:15px;margin-left:20px;"></div>
       </v:roundRect>

function MouseOver()
{
 ...
  document.getElementById("employeeInfo").innerHTML=unescape(responseText);   //responseText是通过AJAX返回原数据
  document.getElementById("roundDiv").style.visibility="visible";      //显示那个层
  document.getElementById("roundDiv").style.pixelLeft=topX;       //层显示的位置
  document.getElementById("roundDiv").style.pixelTop=topY ;
  
}这是一个层里的代码。要显示图片的信息。。