Html
    Css
    Js


 * {
	padding:0;
	margin:0;
}
body {
	background:black;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:hidden;
}
#box {
	width:1000px;
	height:1000px;
	border-radius:50%;
	margin:0px auto;
	position:relative;
	top:100px;
	color:#dedede;
}
.second {
	width:10px;
	height:50px;
	position:absolute;
}
#box2 {
	width:800px;
	height:800px;
	border-radius:50%;
	margin:0px auto;
	position:relative;
	top:-800px;
	color:white;
}
#box3 {
	width:600px;
	height:600px;
	border-radius:50%;
	margin:0px auto;
	position:relative;
	top:-1500px;
	transform:scale(1.2);
	color:white;
}
#box4 {
	width:400px;
	height:400px;
	border-radius:50%;
	margin:0px auto;
	position:relative;
	top:-2000px;
	color:white;
}
#box5 {
	width:280px;
	height:280px;
	border-radius:50%;
	margin:0px auto;
	position:relative;
	top:-2340px;
	color:white;
}
#box6 {
	width:160px;
	height:160px;
	border-radius:50%;
	margin:0px auto;
	position:relative;
	top:-2560px;
	color:white;
}

↑上面代碼改變,會自動顯示代碼結果 jQuery調用版本:1.11.3
 立即下載

jquery炫酷鐘表

0