怎样写一个某一单元格的tooltip

<table border="1">
<tr>
<td title="this is message1.">&nbsp;</td>
<td title="this is message2.">&nbsp;</td>
<td title="this is message3.">&nbsp;</td>
<td title="this is message4.">&nbsp;</td>
</tr>
</table>

解决方案 »

  1.   

    <table border="1">
    <tr title="this is message1.">
    <td>nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr title="this is message2.">
    <td>nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>
    :)
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <style>
    .Mydiv{background-color:#FFCC00;width:200px;height:200px}
    </style>
    <SCRIPT>
    var ns4 = document.layers;
    var ns6 = document.getElementById && !document.all;
    var ie4 = document.all;
    offsetX = 0;
    offsetY = 20;
    var toolTipSTYLE="";
    function initToolTips() {
    if(ns4||ns6||ie4) {
    if(ns4) toolTipSTYLE = document.toolTipLayer;
    else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
    else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
    if(ns4) document.captureEvents(Event.MOUSEMOVE);
    else {
    toolTipSTYLE.visibility = "visible";
    toolTipSTYLE.display = "none";
    }
    document.onmousemove = moveToMouseLoc;
    }
    }
    function toolTip(msg, fg, bg) {
    if(toolTip.arguments.length < 1) {// hide 
    if(ns4) toolTipSTYLE.visibility = "hidden";
    else toolTipSTYLE.display = "none";
    }
    else {// show
    if(!fg) fg = "#999900";
    if(!bg) bg = "#FFFFFF";
    var content =
    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + 
    '"><td align="center" CLASS=tip><font face="sans-serif" color="' + fg +
    '">&nbsp\;' + msg +
    '&nbsp\;</font></td></table></td></table>';
    if(ns4) {
    toolTipSTYLE.document.write(content);
    toolTipSTYLE.document.close();
    toolTipSTYLE.visibility = "visible";
    }
    if(ns6) {
    document.getElementById("toolTipLayer").innerHTML = content;
    toolTipSTYLE.display='block'
    }
    if(ie4) {
    document.all("toolTipLayer").innerHTML=content;
    toolTipSTYLE.display='block'
    }
    }
    }
    function moveToMouseLoc(e) {
    if(ns4||ns6) {
    x = e.pageX;
    y = e.pageY;
    }
    else {
    x = event.x + document.body.scrollLeft;
    y = event.y + document.body.scrollTop;
    }
    toolTipSTYLE.left = x + offsetX;
    toolTipSTYLE.top = y + offsetY;
    return true;
    }</SCRIPT>
    </head><body>
    <DIV id=toolTipLayer style="VISIBILITY: hidden; POSITION: absolute"></DIV>
    <SCRIPT language=JavaScript><!--
    initToolTips(); //--></SCRIPT>
    <table border="1" id="table">
    <tr>
    <td id="1.1" onMouseOver="toolTip(this.id)" onmouseout=toolTip() >&nbsp;
    </td>
    <td id="1.2" onMouseOver="toolTip(this.id)" onmouseout=toolTip() >&nbsp;
    </td>
    <tr>
    <td id="2.1" onMouseOver="toolTip(this.id)" onmouseout=toolTip() >&nbsp;
    </td>
    <td id="2.2" onMouseOver="toolTip(this.id)" onmouseout=toolTip() >&nbsp;
    </td>
    </tr>
    </table></body>
    </html>
    我做了一个简单的例子，希望对你有帮助
      

  3.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var tds = document.getElementsByTagName("td");
    for(var i = 0; i < tds.length; i++) {
    tds[i].title = tds[i].innerText;
    }
    //-->
    </SCRIPT>
      

  4.   

    tjgjp() 谢谢，我试了下可以用，太感谢了！