鼠标划过显示Div层,Div层里面的信息从数据库中取出
01.<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="NET_Default" %>
02.
03.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
04.
05.<html xmlns="http://www.w3.org/1999/xhtml" >
06.<head runat="server">
07. <title>鼠标划过显示Div层,Div层里面的信息从数据库中取出</title>
08. <mce:script type="text/javascript"><!--
09. function showTip(oEvent,obj){
10. var oDiv = document.getElementById("divTip1");
11.
12. NET_Default.ReturnTable(obj,callback);
13.
14. oDiv.style.visibility="visible";
15. oDiv.style.left = oEvent.clientX-25;
16. oDiv.style.top =oEvent.clientY-35;
17. }
18. function hideTip(oEvent){
19. var oDiv = document.getElementById("divTip1");
20. oDiv.style.visibility = "hidden";
21. }
22. function callback(res)
23. {
24. if(res!=null)
25. {
26. document.getElementById("divTip1").innerHTML=res.value;
27. }
28. }
29.
30.// --></mce:script>
31.</head>
32.<body>
33. <form id="form1" runat="server">
34. <div>
35.
36. </div>
37. <asp:DataList ID="DataList1" runat="server">
38. <ItemTemplate>
39. <table>
40. <tr>
41. <td>姓名</td>
42. <td onmouseover="showTip(event,'<%#Eval("UserName") %>')" onmouseout="hideTip(event)"><%#Eval("UserName") %></td>
43. </tr>
44. </table>
45. </ItemTemplate>
46. </asp:DataList>
47. <div id="divTip1"
48. style="background:yellow; position:absolute; visibility:hidden; padding: 5px" mce_style="background:yellow; position:absolute; visibility:hidden; padding: 5px">
49. </div>
50. </form>
51.</body>
52.</html>
<%@ 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>
view plaincopy to clipboardprint?
01.using System;
02.using System.Data;
03.using System.Configuration;
04.using System.Collections;
05.using System.Web;
06.using System.Web.Security;
07.using System.Web.UI;
08.using System.Web.UI.WebControls;
09.using System.Web.UI.WebControls.WebParts;
10.using System.Web.UI.HtmlControls;
11.
12.public partial class NET_Default : System.Web.UI.Page
13.{
14. DataTable DT = new DataTable();
15. DataColumn DC = new DataColumn();
16. DataRow DR;
17. protected void Page_Load(object sender, EventArgs e)
18. {
19. AjaxPro.Utility.RegisterTypeForAjax(typeof(NET_Default));
20. if (!Page.IsPostBack)
21. {
22. CreateDataTable();
23.
24. for (int i = 0; i < 3; i++)
25. {
26. DR = DT.NewRow();
27. DR["ID"] = i.ToString();
28. DR["UserName"] ="胡果" + i.ToString();
29. DR["Keyword"] = "欢迎你ws_hgo" + i.ToString();
30. DT.Rows.Add(DR);
31. }
32.
33. }
34. DataList1.DataSource = DT;
35. DataList1.DataBind();
36. }
37. public void CreateDataTable()
38. {
39. DC = new DataColumn();
40. DC.ColumnName = "ID";
41. DC.DataType = System.Type.GetType("System.Int32");
42. //DC = new DataColumn("ID", System.Type.GetType("System.Int32"));
43. DT.Columns.Add(DC);
44. DC = new DataColumn();
45. DC.ColumnName = "UserName";
46. DC.DataType = System.Type.GetType("System.String");
47. DT.Columns.Add(DC);
48. DC = new DataColumn();
49. DC.ColumnName = "Keyword";
50. DC.DataType = System.Type.GetType("System.String");
51. DT.Columns.Add(DC);
52.
53. }
54. [AjaxPro.AjaxMethod]
55. public string ReturnTable(string Name)
56. {
57. string res;
58. //我这里有数组代替
59. string[] str = new string[] { "胡果0", "胡果1", "胡果2" };
60. if (Array.IndexOf<string>(str, Name) != -1)
61. {
62. res = "欢迎大家来到" + Name.Substring(0,Name.Length-1).ToString() + "http://blog.csdn.net/ws_hgo";
63. }
64. else
65. {
66. res = "无！";
67. }
68. return res;
69. }
70.}
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ws_hgo/archive/2009/09/22/4579913.aspx