JQuery和CSS的下拉菜单

我使用的是非常老的门户，其中<!DOCTYPE html>未在html代码开始时定义，并且我设法使用jquery/css水平下拉菜单，我需要帮助将第三层添加到这里的菜单是我的代码JQuery和CSS的下拉菜单

#jsddm { 
    margin: 0; 
    padding: 0 
} 
#jsddm li { 
    float: left; 
    list-style: none; 
    font: 12px Tahoma, Arial 
} 
#jsddm li a { 
    display: block; 
    background: #324143; 
    padding: 5px 12px; 
    text-decoration: none; 
    border-right: 1px solid white; 
    width: 70px; 
    color: #EAFFED; 
    white-space: nowrap 
} 
#jsddm li a:hover { 
    background: #24313C 
} 
#jsddm li ul { 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    visibility: hidden; 
    border-top: 1px solid white 
} 
#jsddm li ul li { 
    float: none; 
    display: inline 
} 
#jsddm li ul li a { 
    width: auto; 
    background: #A9C251; 
    color: #24313C 
} 
#jsddm li ul li a:hover { 
    background: #8EA344 
}

，这里是JavaScript代码

<script src="jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var timeout   = 500; 
var closetimer  = 0; 
var ddmenuitem  = 0; 

function jsddm_open() 
{ jsddm_canceltimer(); 
    jsddm_close(); 
    ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');} 

function jsddm_close() 
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');} 

function jsddm_timer() 
{ closetimer = window.setTimeout(jsddm_close, timeout);} 

function jsddm_canceltimer() 
{ if(closetimer) 
    { window.clearTimeout(closetimer); 
     closetimer = null;}} 

$(document).ready(function() 
{ $('#jsddm > li').bind('mouseover', jsddm_open); 
    $('#jsddm > li').bind('mouseout', jsddm_timer);}); 

document.onclick = jsddm_close; 
</script>

和下方是菜单项

<ul id="jsddm"> 
    <li><a href="#">About us </a> 
    <ul> 
     <li><a href="#">Mission </a></li> 
     <li><a href="#"> vision </a></li> 
     <li><a href="#">status </a></li> 

    </ul> 
    </li> 
    <li><a href="#"> Contact</a> 
    <ul> 
     <li><a href="#">Office </a></li> 
     <li><a href="#"> Support </a></li> 

    </ul> 
    </li> 
</ul>

来源

2012-01-31 Mohamed Badr

请添加HTML代码，我可以帮 – KimKha 2012-01-31 04:54:53

我纠正后，加入JavaScript和HTML代码，非常感谢你... – 2012-01-31 04:57:58

我认为你必须添加以下代码：

#jsddm li:hover ul { 
    visibility: visible; 
}

试试看。

来源

2012-01-31 06:28:14 KimKha

没有这是不工作!!!! – 2012-01-31 07:46:26

JQuery和CSS的下拉菜单

回答

相关问题