200分给你！duoduobaba(避雷针)进来！

onMouseOut="this.style.display = 'none';"
控件都已经隐藏了, 你又如何触发这个对象的 onmouseover 事件呢??

解决方案 »

  1.   

    你把控件隐藏了之后还怎么再触发onmouseover事件啊
      

  2.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <style type="text/css">
    <!--
    TR
    {
        FONT-SIZE: 12px;
        COLOR: #000000;
        FONT-FAMILY: 宋体,arial
    }
    TD
    {
        FONT-SIZE: 12px;
        COLOR: #000000;
        FONT-FAMILY: 宋体,arial
    }
    .dropdown
    {
        Z-INDEX: 10;
        LEFT: -20px;
        WIDTH: 10px;
        POSITION: absolute;
        TOP: 81px
    }
    .dropLinks
    {
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
        TEXT-DECORATION: none
    }
    -->
    </style>
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <TABLE cellSpacing=0 cellPadding=0 width="200" border=0 bgcolor=cornflowerblue>  
      <TR>
        <TD onmouseover="setPlace(this,1)"  >长城电脑</TD>
        <TD onmouseover="setPlace(this,2)"  id="td1">第二章</TD>
        <TD onmouseover="setPlace(this,3)"  >第三章</TD>
       </TR>
    </TABLE>
    <div id="div_table_1" class="dropdown" onMouseOver="this.style.display =''" onMouseOut="this.style.display = 'none';">
    </div>
    </BODY>
    </HTML>
    <script language=javascript>
    //document.body.attachEvent("onclick",hiddenDiv);
    function hiddenDiv()
    {
    div_table_1.style.display = 'none';  

    }
    function getPos(cell)
    {
        var pos = new Array();
        var t=cell.offsetTop;
        var l=cell.offsetLeft;
        while(cell=cell.offsetParent)
        {
            t+=cell.offsetTop;
            l+=cell.offsetLeft;
        }
        pos[0] = t;
        pos[1] = l;
        return pos;
    }function setPlace(cell,i) 
    {
        var strTable="<table id=table1 border=0 cellpadding=0 cellspacing=0  bordercolor=#397DBD bgcolor=#6d9cd1>";
    strTable+="<tr><td >台式机</td></tr><tr><td>服务器</td></tr><tr><td>笔记本</td></tr><tr><td>打印机</td></tr><tr><td>网络产品</td></tr></table>";
    div_table_1.innerHTML = strTable;
        var arrPos = getPos(cell);
    var oDiv = document.all.div_table_1; 
    var oTable = document.all.table1;
     
    oDiv.style.display = '';
    oTable.style.display = '';
    var tdwidth = cell.offsetWidth;
    var tdheight = cell.offsetHeight;
    var tdleft = arrPos[1];
    var tdtop = arrPos[0];
    oTable.style.width = tdwidth;
    oDiv.style.width = tdwidth;

    oDiv.style.left = tdleft;
    oDiv.style.top = tdtop + tdheight;
    }
    </script>
      

  3.   

    onMouseOver="this.style.display =''"我把这行去掉，一移上去就隐藏了。
      

  4.   

    onMouseOver="this.style.display ='block'" 
    onMouseOut="this.style.display = 'none';"