求鼠标放上去达到的效果!

本帖最后由 zwei27 于 2010-08-28 10:29:34 编辑

解决方案 »

  1.   

    用onmouseover和out事件就可以了，在每行加一个DIV，设删除和修改按钮，用DIV的style.display="no" or " " 就可以控制了
      

  2.   

    1楼说的可以实现，但每次都放在记录前显示感觉不爽，最后鼠标放在记录上能右键弹出div，选择操作可能更具操作性。
      

  3.   

    简单的就这么个意思，主要应用了
    onmouseover和onmouseout事件<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Untitled</title>
    <script>
    function show(obj){
       var tdlist=obj.childNodes;
       tdlist[0].childNodes[0].style.display="";
       tdlist[1].childNodes[0].style.display="";
    }
    function none(obj){
     var tdlist=obj.childNodes
      tdlist[0].childNodes[0].style.display="none";
      tdlist[1].childNodes[0].style.display="none";
    }
    </script>
    </head>
    <body>
    <table border="1" id="table">
    <tr onmouseover="show(this)" onmouseout="none(this)"><td><a href="#" style="display:none">修改</a></td><td><a href="#" style="display:none">删除</a></td><td>aaa</td><td>bbb</td><td>ccc</td><td>dddd</td></tr>
    </table>
    </body>
    </html>