onmouseover javascriptドロップダウンメニューを作成しようとしています

Question

Effect I want。基本的に私は、ユーザーがマウスオーバーしたときに簡単なメニューをポップアップしたいと思う。 私はいくつかの準備ができたスクリプトを試しましたが、私のサイトとそれらを統合するのに問題がありました。それで私は自分自身を建てることにしました。ここ は私がしようとしているものです：

<li onmouseover=showlist1() onmouseout=hidelist1() ><a class="navigation" href="show_delhi_items.php">Menu heading</a></li> 

function showlist1() //onmouseover 
    { 

     document.getElementById('list1').style.visibility='visible' ; 

    } 
    function hidelist1() //onmouseout 
    { 
     if (menu elements don't have focus) 
     { 
     document.getElementById('list1').style.visibility='hidden' ; 
     } 
    } 

今、この中でどのように私はパーツ「メニュー要素がフォーカスを持っていない」実装していますか？どのelemtnが焦点を当てているのか知ることは不可能です。だから私は別のものが必要です。基本的に問題は、マウスがメインリンク（隠れたメニューをポップアップするリンク）の外に移動するとすぐに、メニューが非表示になることです。私が望むのは、フォーカスを取得した場合にメニューが目に見えるようにすることです。現在はメインリンクの外にマウスがあるとすぐ隠されてしまいます

私は十分にはっきりしていました。

Answer 1

で私より良い戻ってそれまでそのコメントをした作り。マウスがリストアイテムとメニューの両方にない場合は、メニューを閉じます。

position: absolute; 
top: some-y-value; 
left: some-x-value; 

Answer 2

うーん、メニューがonmouseover属性のメニューを持っているリスト項目を重複し、今、私はそれを行うための実際の方法:)

Go here and read all about suckerfish dropdowns

Go here to see an example implementation