如何实现鼠标滑过某一区域（table的一个td）时，显示一个浮动窗口？

最简单的办法，把内容缩短，只显示前面的，再设置这个TR的TITLE属性。

解决方案 »

  1.   

    Thank you,guys！设置title可以得到tip，但是数据内容太多，tip显示不开，而且就出来很短的时间。所以现在还是要当鼠标经过表格单元区域时，显示出浮动窗口~
      

  2.   

    <script language="javascript">
    function show(id){
      var obj = document.getElementById(id);
      obj.style.display = "block";
    }
    function hide(id){
      var obj = document.getElementById(id);
      obj.style.display = "none";
    }
    </script>
    ....
    <div id="d" style="position:absolute; left:0px; top:0px; width:100px; height:100px; display:none">tips</div>
    ....
    <td onmouseover="show('d')" onmouseout="hide('d')">
    ....
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
    <html>
      <head>
            <style>
            .tDiv{
                position:absolute;
                border:1px solid black;
                background-color:yellow
            }
        </style>
        <script language=javascript>
        var tDiv; // 提示信息div
            var flag = false; // 是否隐藏提示标志        /**
             * 显示提示信息
             */
        function showTitle(){
          tDiv.innerHTML = '我现在没什么好说的，你要说什么就说吧';
          tDiv.className = 'tDiv';
                tDiv.style.display = '';
                flag = false;
        }        /**
             * 隐藏提示信息
             */
        function hideTitle(){
          if (!flag) {
                    tDiv.style.display = 'none';
          }
        }        window.onload = function() {
                tDiv = document.getElementById("myTip");
                tDiv.onmouseover = function() {
                    flag = true;
                }
                tDiv.onmouseout = function() {
                    this.style.display = "none";
                }
            }
        </script>
      </head>
      
      <body>
        <div onmouseover='showTitle()' onmouseout='setTimeout("hideTitle()",200)'>把鼠标放上来试试（div 实现）</div>
            <div id="myTip"></div>
      </body>
    </html> </BODY>
    </HTML>