Html
    Css
    Js

    
                        
#dataRangeSpan {
	display:block;
	margin:0 1px 0 0;
	padding:4px 10px;
	width:80px;
	text-align:center;
	display:inline;
}
#rangeDiv {
	position:absolute;
	display:none;
	margin:0;
	padding:0;
	border:1px solid #d9d9d9;
	background-color:white;
	text-align:left;
	width:80px;
	padding-left:10px;
}
#rangeDiv span {
	line-height:22px;
}

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

简洁的下拉框实现

使用div + span + css + js 实现简单大方的下拉框效果。

0