javascriptでメニューを作成する

Question

jsとcssを使用してメニューを作成しました。トップレベルulの各liは特定の背景画像と特定のオンマウスオーバー画像を持っています。

すべてがうまくいきます。その下にサブメニューがあるたびにonmouseoverの背景を除いて、すべてうまくいきます。

var menuids=new Array("verticalmenu") 
var submenuoffset=0 

function createcssmenu(){ 

for (var i=0; i<menuids.length; i++){ 
    var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") 
    for (var t=0; t<ultags.length; t++){ 

    ultags[t].parentNode.onmouseover=function(){ 

    this.getElementsByTagName("ul")[0].style.right=this.parentNode.offsetWidth+submenuoffset+"px" 
    this.getElementsByTagName("ul")[0].style.display="block" 

    } 
    ultags[t].parentNode.onmouseout=function(){ 
    this.getElementsByTagName("ul")[0].style.display="none" 
    } 
    } 
    } 
} 


if (window.addEventListener) 
window.addEventListener("load", createcssmenu, false) 
else if (window.attachEvent) 
window.attachEvent("onload", createcssmenu) 

Answer 1

問題は、トップレベルのメニューの上にホバーはa div要素（サブメニュー）が表示されていることである皮革その次でJavascriptが使用 http://www.balouta.com/Autostar3/testmenu/test.html

：以下のリンクの下に垂直方向のメニューをご確認くださいその下のトップメニューのコンテンツは、（トップメニューの）aのホバーがトリガーされません。

サブメニューを持つ項目の幅を削除するのが少し修正されます。サブメニューを持っている他のすべてのメニューのために同じ操作を行い、CSSで

を width: 225px;（ライン81）：

は、次の行を削除します。