試圖製作一個onmouseover javascript下拉菜單

Effect I want。基本上我想在用戶鼠標懸停鏈接時彈出一個簡單的菜單。我嘗試了幾個現成的腳本，但是很難將它們與我的網站集成。所以決定建立我自己的。這裏是我想做的事：試圖製作一個onmouseover javascript下拉菜單

<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有重點。所以我需要一個替代品。基本上問題是隻要鼠標移動到主鏈接（彈出隱藏菜單的鏈接）之外，菜單就會隱藏。我想要的是如果菜單得到焦點，菜單仍然可見。但目前只要鼠標在我們的主鏈接外面就會隱藏起來

希望我已經清楚了。

來源

2011-01-21 gyaani_guy

你並不需要JavaScript的這些類型的菜單，聰明和使用CSS構建它：懸停，而不是:) – 2011-01-21 17:14:36

使畫面重疊具有的onmouseover菜單列表項。然後只有當鼠標位於列表項目和菜單之外時才關閉菜單。你將不得不使用：

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

來源

2011-01-21 17:19:44 Sparafusile

>關閉菜單如果鼠標以外的兩個列表項和菜單。我如何檢測這個？我可以找到如果鼠標不在列表項目中，但是如何查找鼠標是否在菜單外？ – 2011-01-21 17:37:00

嗯，現在我做了評論我更好的回來它與做:)的實際方式

Go here and read all about suckerfish dropdowns

Go here to see an example implementation

來源

2011-01-21 17:18:11

試圖製作一個onmouseover javascript下拉菜單

回答

相關問題