Html
    Css
    Js

    
                        
body {
	background:#202020;
	font:bold 12px 'Microsoft Yahei',Helvetica,sans-serif;
	margin:0;
	padding:0;
	color:#bbbbbb;
}
a {
	text-decoration:none;
	color:#00c6ff;
}
/* clock */
.clock {
	width:800px;
	margin:0 auto;
	padding:30px;
	border:1px solid #333;
	color:#fff;
	margin-top:50px;
}
.clock #Date {
	font-family:'Microsoft Yahei',Arial,Helvetica,sans-serif;
	font-size:36px;
	text-align:center;
	text-shadow:0 0 5px #00c6ff;
}
.clock ul {
	width:800px;
	margin:0 auto;
	padding:0px;
	list-style:none;
	text-align:center;
}
.clock ul li {
	display:inline;
	font-size:10em;
	text-align:center;
	font-family:'Microsoft Yahei',Arial,Helvetica,sans-serif;
	text-shadow:0 0 5px #00c6ff;
}
#point {
	position:relative;
	-moz-animation:mymove 1s ease infinite;
	-webkit-animation:mymove 1s ease infinite;
	padding-left:10px;
	padding-right:10px;
}
@-webkit-keyframes mymove {
	0% {
	opacity:1.0;
	text-shadow:0 0 20px #00c6ff;
}
50% {
	opacity:0;
	text-shadow:none;
}
100% {
	opacity:1.0;
	text-shadow:0 0 20px #00c6ff;
}
}@-moz-keyframes mymove {
	0% {
	opacity:1.0;
	text-shadow:0 0 20px #00c6ff;
}
50% {
	opacity:0;
	text-shadow:none;
}
100% {
	opacity:1.0;
	text-shadow:0 0 20px #00c6ff;
}
}

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

jQuery电子时钟

更新时间:2020-03-26 00:10:37

0