div显示隐藏 问题

Question

现在有民个连接
<a href="{$child.url}"  onMouseOver="cs({$child.id})">[{$child.name|escape:html}] </a> 
改成这样现在有个连接
<a href="{$child.url}"  onMouseOver="cs({$child.id})">[{$child.name|escape:html}] </a> 
<a href="{$child.url}"  onMouseOver="cs({$child.id})">[{$child.name|escape:html}] </a> 
<a href="{$child.url}"  onMouseOver="cs({$child.id})">[{$child.name|escape:html}] </a> 

Answer 1

function hide(obj, e) 
{
if (e.currentTarget) 
{
   if (e.relatedTarget != obj)
   {
    if (obj != e.relatedTarget.parentNode) 
    {
      obj.style.visibility = "hidden";
    }
   }
} 
else 
{
   if (e.toElement != obj) 
   {
    if (obj != e.toElement.parentNode) 
    {
           obj.style.display = "hidden";
    }
   }
}
}<div id="info" style="position:absolute;border:1px solid #CCCCCC; width:300px; height:100px ;  background-color: #CCCCFF; "  onmouseout="hide(this, event);">

Answer 2

function hide(obj, e) 
{
    if (e.currentTarget) 
    {
       if (e.relatedTarget != obj)
       {
            if (obj != e.relatedTarget.parentNode) 
            {
              obj.style.visibility = "hidden";
            }
       }
    } 
    else 
    {
       if (e.toElement != obj) 
       {
            if (obj != e.toElement.parentNode) 
            {
           obj.style.visibility = "hidden";
            }
       }
    }
}