                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /形形色色的下拉菜單

三級(jí)怎么做用jquery

三級(jí)菜單怎么用jquery來(lái)做我一做好像有問(wèn)題！

謹(jǐn)慎

2015-11-11

源自：形形色色的下拉菜單 3-3

關(guān)注問(wèn)題我要回答

899

操作

收起

2 回答

戴眼鏡的粉紅兔子
2016-02-18

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????<title>無(wú)標(biāo)題文檔</title>
????<style?type="text/css">
????????*{?margin:0px;?padding:0px;}
????????body{?font-family:Verdana,?Geneva,?sans-serif;?font-size:14px;}
????????#nav{?width:600px;?height:40px;?background-color:#eee;?margin:0?auto;}
????????ul{?list-style:none;}
????????ul?li{?float:left;?line-height:40px;?text-align:center;?width:100px;position:?relative;}
????????a{?text-decoration:none;?color:#000;?display:block;}
????????a:hover{?color:#F00;?background-color:#666;}
????????ul?li?ul?li{?float:none;background-color:#eee;?margin:2px?0px;}
????????ul?li?ul{display:none;}
????????.navmenu?ul?li?ul{position:?absolute;left:105px;top:0px;}
????????.navmenu?ul?li?ul?li{width:?120px;}
????</style>
????<script?type="text/javascript"?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
????<script?type="text/javascript">
	????$(function(){
	????	$(".navmenu").mouseover(function(){
	????		$(this).children("ul").show();
	????	})
	????	$(".navmenu").mouseout(function(){			
	????		$(this).children("ul").hide();	????			????		
	????	})
	????	$(".navmenu").find("li").mouseover(function(){
	????		$(this).children("ul").show();
	????	})
	????	$(".navmenu").find("li").mouseout(function(){
	????		$(this).children("ul").hide();
	????	})
	????})?
????</script>
</head>
?
<body>
<div?id="nav">
????<ul>
????????<li><a?href="#">首頁(yè)</a></li>
????????<li?class="navmenu"><a?href="#">課程大廳</a>
????????????<ul>
????????????????<li><a?href="#">JavaScript</a>
????????????????	<ul>
????????????????		<li>
????????????????			<a?href="#">javascript入門</a>
????????????????		</li>
????????????????		<li>
????????????????			<a?href="#">javascript進(jìn)階</a>
????????????????		</li>
????????????????	</ul>
????????????????</li>
????????????????<li><a?href="#">Html/CSS</a>
????????????????	<ul>
????????????????		<li>
????????????????			<a?href="#">Html/CSS入門</a>
????????????????		</li>
????????????????		<li>
????????????????			<a?href="#">Html/CSS進(jìn)階</a>
????????????????		</li>
????????????????	</ul>
????????????????</li>
????????????</ul>
????????</li>
????????<li?class="navmenu"><a?href="#">學(xué)習(xí)中心</a>
????????????<ul>
????????????????<li><a?href="#">視頻學(xué)習(xí)</a></li>
????????????????<li><a?href="#">實(shí)例練習(xí)</a></li>
????????????????<li><a?href="#">問(wèn)與答</a></li>
????????????</ul>
?
????????</li>
????????<li><a?href="#">經(jīng)典案例</a></li>
????????<li><a?href="#">關(guān)于我們</a></li>
????</ul>
</div>
</body>
</html>

這我寫的一個(gè)，出現(xiàn)了三級(jí)菜單，但是因?yàn)樗纳弦患?jí)ul設(shè)置了鼠標(biāo)離開(kāi)時(shí)隱藏，結(jié)果只能看不能點(diǎn)，寫在這里也希望哪位大神看到并有思路的話，前來(lái)搭救。3q吉拉