JS横向延时2级下拉菜单

CSS样式：

body{ font-size: 12px; color: #333;}
	body, ul,h2{ margin:0;padding:0;}
	li { list-style:none;}
	a{ color: #333; text-decoration: none;}
	a:hover{ color: #f00;}
	#nav { width:100%; border:1px solid #000; margin-bottom:10px;}
	#nav li{ display:inline-block; margin:10px 20px; font-size: 16px; font-weight: bold;}
	.nav li { float:left; margin: 0 5px; font-size:12px;}
	.nav { position:absolute; border:1px solid #666; padding: 5px; display:none;}
	.n1 { left:0;}
	.n2 { left:80px;}
	.n3 { left:200px;}

HTML部分：

<div class="menu">
		<ul id="nav">
		  <li><a href="#">首页</a></li>
		  <li><a href="#">产品中心</a></li>
		  <li><a href="#">关于我们</a></li>
		</ul>
		<ul class="nav n1">
		    <li><a hr