csdn鼠标移动到头像上，会浮出一个图片，这个如何实现

csdn鼠标移动到头像上，会浮出一个图片，这个如何实现

解决方案 »

  1.   

    鼠标划过显示Div层,Div层里面的信息从数据库中取出
      

  2.   


    本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ws_hgo/archive/2009/09/22/4579913.aspx<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="NET_Default" %>  
      
    <!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>鼠标划过显示Div层,Div层里面的信息从数据库中取出</title>  
         <mce:script type="text/javascript"><!--   
          function showTip(oEvent,obj){   
        var oDiv = document.getElementById("divTip1");   
           
        NET_Default.ReturnTable(obj,callback);   
      
        oDiv.style.visibility="visible";   
        oDiv.style.left = oEvent.clientX-25;   
        oDiv.style.top =oEvent.clientY-35;   
        }   
        function hideTip(oEvent){   
         var oDiv = document.getElementById("divTip1");   
         oDiv.style.visibility = "hidden";   
         }        
         function callback(res)   
         {   
           if(res!=null)   
           {   
             document.getElementById("divTip1").innerHTML=res.value;   
           }   
         }   
           
    // --></mce:script>  
    </head>  
    <body>  
        <form id="form1" runat="server">  
        <div>  
           
        </div>  
            <asp:DataList ID="DataList1" runat="server">  
            <ItemTemplate>  
            <table>  
            <tr>  
            <td>姓名</td>  
            <td onmouseover="showTip(event,'<%#Eval("UserName") %>')" onmouseout="hideTip(event)"><%#Eval("UserName") %></td>  
            </tr>  
            </table>  
            </ItemTemplate>  
            </asp:DataList>  
             <div id="divTip1"  
           style="background:yellow; position:absolute; visibility:hidden; padding: 5px" mce_style="background:yellow; position:absolute; visibility:hidden; padding: 5px">  
     </div>  
        </form>  
    </body>  
    </html>