首页 >web前端 >html教程 >通过jQuery制作电子时钟表的代码_html/css_WEB-ITnose

通过jQuery制作电子时钟表的代码_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:43:581042浏览

源码:

<!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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn