鼠標與Div Divs

Question

我想讓這個鼠標工作，但我似乎是在所有瀏覽器版本非常buggy。我有這樣的事情

<div id="foo" onMouseOut="makeHidden('foo');"><a href="somelink">Link Text</a></div> 

我不想當鼠標在鏈接上要隱藏的DIV，和我以爲它不會因爲鏈接是在div。我怎樣才能讓div保持可見狀態，直到鼠標離開它的邊界。

Answer 1

你可能想在看向使用jQuery http://jquery.com/
然後，你可以寫這樣的事情：

$("#foo").mouseenter(function(){makeHidden('foo');}); 
$("#foo").mouseleave(function(){makeVisible('foo');}); 

或者只是切出的中間人

$("#foo").mouseenter(function(){$(this).css("visibility", "hidden");}); 
$("#foo").mouseleave(function(){$(this).css("visibility", "visible");}); 

Answer 2

通過使用花哨的冒泡招。請參閱：http://jsfiddle.net/minitech/kZcCr/

你想，如果它被應用到元素的孩子停止mouseout事件的傳播，並且還希望取消父母的mouseout如果我們正在進入其子之一。這可以通過在IE上使用relatedTarget或toElement來完成。

Answer 3

actuallly我不是geeting烏爾點可能是這個代碼將幫助ü

<script type="text/javascript"> 

功能ABC（myLink的）{

document.getElementById('mylink').style.display = 'none'; 

} 

功能ABCD（myLink的）{

document.getElementById('mylink').style.display = 'block'; 

}