div显示详细信息

Question

建议你可以使用title=""这个属性，用户鼠标移上去后就会出现提示效果。如：
<td title="中华人民共和国中央人民政府">中华...</td>

Answer 1

<table border="1" id="info" width="100%">
        <tr>
            <td>1</td>
            <td><a href="#" id="1">详细</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td><a href="#" id="2">详细</a></td>
        </tr>
        <tr>
            <td>1</td>
            <td><a href="#" id="3">详细</a></td>
        </tr>
    </table>
    <script language="JavaScript" type="text/javascript">
        function act() {
            if (document.getElementById("_sid")) {
                document.getElementById("_sid").parentNode.removeChild(document.getElementById("_sid"));
            }
        }
        var t = document.getElementById("info");
        t.onmouseout = function(e) {
            this.timer = setTimeout(act, 900);
        };
        
        t.onmouseover = function(e) {
            clearTimeout(this.timer);
        };
        var _a = t.getElementsByTagName("a");
        for (var i = 0; i < _a.length; i++) {
            _a[i].onmouseover = function(e) {
                e = window.event || e;
                var obj = e.srcElement || e.target;
                if (!document.getElementById("_sid")) {
                    var _div = document.createElement("div");
                    _div.id = "_sid";
                    _div.style.position = "absolute";
                    _div.style.top = e.clientY + "px";
                    _div.style.left = e.clientX + "px";
                    _div.style.width = "50px";
                    _div.style.height = "50px";
                    _div.style.background = "red";
                    _div.innerHTML = "id=" + obj.getAttribute("id");
                    document.body.appendChild(_div);
                } else {
                    document.getElementById("_sid").innerHTML = "id=" + obj.getAttribute("id");
                }
            }
        }
        t.onmousemove = function(e) {
            e = window.event || e;
            if (document.getElementById("_sid")) {
                document.getElementById("_sid").style.top = e.clientY + "px";
                document.getElementById("_sid").style.left = e.clientX + "px";
            }
        };
    </script>