码迷,mamicode.com
首页 > Web开发 > 详细

通过jQuery制作电子时钟表的代码

时间:2015-05-22 11:24:05      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

源码:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8"/>
		<title>Tutorial: How to Make a Digital Clock with jQuery & CSS3</title>

		<!-- The main CSS file -->
		<link href="assets/css/style.css" rel="stylesheet" />

		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>

	<body>

		<div id="clock" class="light">
			<div class="display">
				<div class="weekdays"></div>
				<div class="ampm"></div>
				<div class="alarm"></div>
				<div class="digits"></div>
			</div>
		</div>

		<div class="button-holder">
			<a class="button">Switch Theme</a>
		</div>

		<footer>
            <div style="text-align:center; font-weight:bold;"><a style="color:#2dbdf1;"href="http://www.100sucai.com">100sucai.com</a></div>
            <div id="tzine-actions"></div>
            <span class="close"></span>
        </footer>
        
		<!-- JavaScript Includes -->
		<script src="jquery.js"></script>
		<script src="moment.min.js"></script>
		<script src="assets/js/script.js"></script>

	</body>
</html>

  

效果图:

技术分享

演示地址:www.100sucai.com/code/27.html

通过jQuery制作电子时钟表的代码

标签:

原文地址:http://www.cnblogs.com/good10000/p/4521600.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!