实现跟随鼠标动态弹出层,并且动态调用数据库的里面数据.但是有一个bug问题

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【hr_product】截止到2008-06-30 13:11:31的历史汇总数据(不包括此帖)：
发帖数:9                  发帖分:130
结贴数:0                  结贴分:0
未结数:9                  未结分:130
结贴率:0.00  %            结分率:0.00  %
如何结贴请参考这里：http://topic.csdn.net/u/20080501/09/ef7ba1b3-6466-49f6-9d92-36fe6d471dd1.html

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

html文件...
<body>
    <div id="overdiv" style="display: none;">
    </div>
    <table style="width: auto; height: auto" align="center" width="100%">
        <tr>
            <td style="width: 885px;">
                <a href='#' id="A2" onmouseover="showCustomer('10001');" onmouseout="hiddendiv('');">
                    1001</a><br />
            </td>
            <td style="width: 885px;">
                <a href='#' id="A1" onmouseover="showCustomer('10002');" onmouseout="hiddendiv('');">
                    1002</a><br />
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
            </td>
            <td style="width: 885px;">
                <a href='#' id="A32" onmouseover="showCustomer('10003');" onmouseout="hiddendiv('');">
                    1003</a><br />
            </td>
        </tr>
        <tr>
            <td style="width: 885px; height: 730px" valign="bottom">
                <span style="color: #0000ff; text-decoration: underline">link1123123</span><br />
            </td>
            <td style="width: 885px; height: 730px" valign="bottom">
                <span style="color: #0000ff; text-decoration: underline">link1123412</span><br />
            </td>
            <td style="width: 885px; height: 730px" valign="bottom">
                <span style="color: #0000ff; text-decoration: underline">link112341234</span><br />
            </td>
            <td style="width: 885px; height: 730px" valign="bottom">
                <span style="color: #0000ff; text-decoration: underline">link12342342</span><br />
            </td>
            <td style="width: 885px; height: 730px" valign="bottom">
                <span style="color: #0000ff; text-decoration: underline">link1213123</span><br />
            </td>
            <td style="width: 885px; height: 730px" valign="bottom">
                <span style="color: #0000ff; text-decoration: underline">link8888</span><br />
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td style="width: 885px; height: 730px">
                <a href='#' id="A37" onmouseover="showCustomer('10001');" onmouseout="hiddendiv('');">
                    link1001</a><br />
            </td>
            <td style="width: 885px; height: 730px">
                <a href='#' id="A38" onmouseover="showCustomer('10002');" onmouseout="hiddendiv('');">
                    link1002</a><br />
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
                <a href='#' id="A3" onmouseover="showCustomer('10003');" onmouseout="hiddendiv('');">
                    link1003</a><br />
            </td>
        </tr>
        <tr>
            <td style="width: 885px; height: 730px">
                <a href='#' id="A48" onmouseover="showCustomer('10001');" onmouseout="hiddendiv('');">
                    linkshizhengxian</a><br />
            </td>
            <td style="width: 885px; height: 730px">
                <a href='#' id="A49" onmouseover="showCustomer('10002');" onmouseout="hiddendiv('');">
                    linkszx</a><br />
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
            </td>
            <td style="width: 885px; height: 730px">
                <a href='#' id="A4" onmouseover="showCustomer('10002');" onmouseout="hiddendiv('');">
                    link123</a><br />
            </td>
        </tr>
    </table>
</body>
<1>问题是当鼠标移动到链接文字"linkshizhengxian"上面,就出现显示图层不正确,应该是显示在文字的下面!
<2>鼠标移动到鼠标移动到链接文字"link1001"上面,也是显示图层不正确,应该显示在文字的下面.
<3>以上两个问题的效果如:当鼠标移到链接文字"1001","1002"上面,所显示的效果,该如何实现啊!
<4>当出现滚动条显示图层就不正确啊!
default2.aspx.cs文件如下:
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;public partial class mouseF_Default2 : System.Web.UI.Page
{
    protected string title = string.Empty, txtInfo = string.Empty;
    protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write(Request.QueryString["parm"].ToString());
        string parmer = Request.QueryString["parm"].ToString();
        if (parmer == null || parmer.Length == 0)
        {
        }
        else
        {
            DataTable product = DataConnection.ExecuteQuery("select * from Table_product where product_ID='" + parmer + "'");
            if (product.Rows.Count == 0)
            {
                Response.Write("<table id=\"testTable\" border=\"1\" style=\"background-color: Lime; position: absolute; width: 252px; border-color: #d8e4f8; z-index: 30; height: 187px;\"><tr><td style=\"width: 272px\">标题：<input id=\"title\" type=\"text\" value=\"" + title + "\" /></td></tr><tr><td style=\"width: 272px\"><textarea id=\"txtInfo\" cols=\"30\" rows=\"10\">" + txtInfo + "</textarea></td></tr><tr><td style=\"width: 272px\"><a href=\"#\" onclick=\"javascript:window.close();\">关闭</a></td></tr></table>");
            }
            else
            {
                for (int i = 0; i < product.Rows.Count; i++)
                {
                    title = product.Rows[i]["product_Name"].ToString();
                    txtInfo = product.Rows[i]["product_Status"].ToString();
                }
                Response.Write("<table id=\"testTable\" border=\"1\" style=\"background-color: Lime; position: absolute; width: 252px; border-color: #d8e4f8; z-index: 30; height: 187px;\"><tr><td style=\"width: 272px\">标题：<input id=\"title\" type=\"text\" value=\"" + title + "\" /></td></tr><tr><td style=\"width: 272px\"><textarea id=\"txtInfo\" cols=\"30\" rows=\"10\">" + txtInfo + "</textarea></td></tr><tr><td style=\"width: 272px\"></td></tr></table>");
            }
        }
    }
}
default2.aspx如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="mouseF_Default2" %>