PROMULGATOR

    李诺爱_219

    山东省烟台市
    Html
    Css
    Js

    
                        


                        

                            


@charset "UTF-8";
	* {
	box-sizing:border-box;
	margin:0px;
	padding:0px;
	font-family:"微软雅黑",helvetica,sans-serif;
	-moz-user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	box-sizing:border-box;
	text-decoration:none;
	list-style:none;
	text-shadow:none;
}
*::-webkit-scrollbar {
	width:0;
	height:0;
}
.ui-loader,.ui-loader-default {
	display:none;
}
#two-list {
	width:300px;
	height:auto;
}
#two-list .two-list-title {
	width:100%;
	height:35px;
	line-height:33px;
	border-top:1px solid #EFEFEF;
	text-align:center;
	font-size:16px;
	border-bottom:1px solid #EFEFEF;
}
#two-list .two-list-title2 {
	width:100%;
	border-bottom:1px solid #EFEFEF;
	height:35px;
}
#two-list .two-list-title2 div {
	float:left;
	width:50%;
	font-size:16px;
	text-align:center;
	line-height:34px;
	border-right:1px solid #EFEFEF;
}
#two-list .two-list-main {
	width:100%;
	height:170px;
	position:relative;
	border-bottom:1px solid #EFEFEF;
}
#two-list .two-list-main #two-list-left {
	width:50%;
	height:170px;
	position:absolute;
	left:0px;
	top:0px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
#two-list .two-list-main #two-list-left div {
	height:auto;
	width:100%;
}
#two-list .two-list-main #two-list-left div li {
	height:34px;
	width:100%;
	text-align:center;
	line-height:32px;
	border-bottom:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	font-size:16px;
}
#two-list .two-list-main #two-list-right {
	width:50%;
	height:170px;
	position:absolute;
	right:0px;
	top:0px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
#two-list .two-list-main #two-list-right li {
	height:auto;
	width:100%;
	text-align:center;
}
#two-list .two-list-main #two-list-right li div {
	font-size:14px;
	width:100%;
	height:34px;
	line-height:34px;
	background-color:#F6F6F6;
	color:#999999;
}
#two-list .two-list-end {
	width:100%;
	height:45px;
	border-bottom:1px solid #EFEFEF;
	line-height:44px;
}
#two-list .two-list-end div {
	width:50%;
	float:left;
	font-size:14px;
	text-align:center;
}
#two-list .two-list-end #two-list-end2 {
	color:#FF4200;
}


                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：2.1.4

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
二级联动列表需求选择

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
选取左边后右侧会弹出相对应的需求列表，之后从列表中选择需求后确定会给提示，如果没选需求会提醒选择

                         

                     

                   
                


                
0