Html
    Css
    Js

    
                        
 #div_1 {
	border:1px solid red;
	width:500px;
	height:50px;
}
#div_2 {
	width:400px;
	height:20px;
	border:1px solid green;
}
#div_ul ul {
	list-style:none;
}
#div_ul ul li {
	border:1px solid red;
	width:50px;
	height:20px;
	float:left;
	margin-left:5px;
	text-align:center;
}
#div_danru {
	border:1px solid;
	width:100px;
	height:100px;
	margin-top:50px;
	background-color:#52f3ff;
	float:left;
	margin-left:10px;
	display:none;
}
#div_red {
	border:1px solid;
	width:100px;
	height:100px;
	margin-top:50px;
	background-color:crimson;
	float:left;
	margin-left:10px;
	display:none;
}
#div_blue {
	border:1px solid;
	width:100px;
	height:100px;
	margin-top:50px;
	background-color:lightcyan;
	float:left;
	margin-left:10px;
	display:none;
}
#div_blue_ls,#div_blue_ls_child {
	padding:5px;
	text-align:center;
	background-color:#52f3ff;
}
#div_blue_ls_child {
	display:none;
	padding:50px;
}
#div_clean {
	clear:both;
}
#lv_span {
	width:50px;
	height:30px;
	background-color:#dc2a20;
}

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

js动态效果

js特效展示,有获取选中的单选框值,有淡入淡出效果,有颜色切换等,还有动画效果

1