js控制div问题

现在我想实现这样一个功能就是鼠标移到某个文字上就弹出一个div层 
 然后鼠标可以移到这个div层去，当鼠标不在div层了 这个层就隐藏了
好象很多网站都有这样的功能 能否给段代码研究啊

解决方案 »

  1.   

    <div id="xs" onmouseout="fnYcdiv()" >移开鼠标这里就消失</div>
    <div id="dd" onmousemove="fnXsdiv()" >放到这可以看到一个div</div>
    function fnXsdiv(){
       document.getElementById('xs').style.display = 'block';
    }
    function fnYcdiv(){
       document.getElementById('xs').style.display = 'none';
    }
      

  2.   

    <body>
    <a href="#" onmouseover="document.getElementById('aDiv').style.display='block';" onmouseout="document.getElementById('aDiv').style.display='none';">移到这里</a>
    <div id="aDiv" style="border:1px solid #f00;padding:10px;display:none"><a href="#">链接1</a> | <a href="#">链接2</a> | <a href="#">链接3</a></div>
    </body>
      

  3.   

    试试这个
    <body>
    <a href="#" onmouseover="document.getElementById('aDiv').style.display='block';">移到这里</a>
    <div id="aDiv"  onmouseover="document.getElementById('aDiv').style.display='block';" onmouseout="this.style.display='none';" style="border:1px solid #f00;padding:10px;display:none">
    <a href="#">链接1</a> | <a href="#">链接2</a> | <a href="#">链接3</a>
    </div>
    </body>