Rumah > hujung hadapan web > html tutorial > 通过jQuery制作电子时钟表的代码_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 11:43:58
asal
1046 orang telah melayarinya

源码:

<!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>
Salin selepas log masuk

  

效果图:

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan