Html
    Css
    Js

    
                        
.menu {
	display:inline-block;
	width:200px
}
.menu li {
	width:180px;
	padding:10px 0;
	text-align:center;
	display:none;
	list-style-type:none;
	background-color:#00a0e9;
	color:white;
	border-bottom:1px solid white
}
.menu li:hover {
	cursor:pointer
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

导航栏动态效果

0