Html
    Css
    Js

    
                        
ul,li,h1 {
	padding:0;
	margin:0;
}
li {
	list-style:none;
}
#list {
	width:240px;
	border:1px solid #ccc;
	margin:0 auto;
}
#list .lis {
	width:240px;
}
#list h1 {
	width:240px;
	lin-height:30px;
	text-indent:40px;
	background:red;
}
#list .active {
	background:blue;
}
#list ul {
	display:none;
}
#list ul li {
	line-height:24px;
	border:1px solid #ccc;
	text-indent:24px;
}
#list ul .hover {
	background:#CF0;
}

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

js下拉列表展示

js手写

0