Html
    Css
    Js

    
                        
body {
	background:#505050;
}
.color-choice {
	width:700px;
	height:500px;
	margin:50px auto 0;
	padding:30px;
	border-radius:10px;
	border:1px solid #fff;
}
.color-choice>p {
	color:#fff;
	font-size:14px;
}
.color-inner {
	margin-top:30px;
}
.cl {
	width:263px;
	height:8px;
	border-radius:4px;
	background:#fff;
	margin-bottom:30px;
	position:relative;
}
.cl-inner {
	height:8px;
	border-radius:4px;
	width:0;
}
.cl>i {
	width:8px;
	height:8px;
	border-radius:4px;
	background:yellow;
	position:absolute;
	top:0;
	left:0;
}
.check-color {
	width:100px;
	height:100px;
	margin-top:30px;
	background:#000;
}

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

任意选择随机颜色

0