CSS+HTML+JQuery简单菜单

	    <style type="text/css">
	        body,ul,li,a{
	        	margin:0;
	        	padding:0
	        }
	        
	        ul,li{
	        	list-style-type:none
	        }

	        .menu{
	        	width:270px;
	        	height:30px;
	        	line-height:30px;
	        	background:#0f67a1
	        }
	        
	        .menu li{
	        	width:80px;
	        	float:left;
	        	display:inline;
	        	position:relative;
	        	z-index:10;
	        	text-align:center/*一级栏内容居中*/
	        }
	        	
	        .menu li:hover{
	        	background:#426d9c;	        	
	        }
	        	
	        .menu .menuUl{
	        	width:50px;
	        	height:auto;
	        	display:none;
	        	background:#426d9c;
	        	position:absolute;
	        	z-index:20;
	        	left:25px;
	        	top:30px
	        }
	        	
	        .menuUl li{
	        	width:100%;
	        	float:left;
	        	text-align:left;
	        }	
	        	        
	        a{
	        	color:#eee;
	        	text-decoration: none
	        }
	        
	        a:hover{
	        	color:#000;
	        	text-decoration: none
	        }
	    </style>