Maison > interface Web > tutoriel HTML > 通过jQuery制作电子时钟表的代码_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 11:43:58
original
1045 Les gens l'ont consulté

源码:

<!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>
Copier après la connexion

  

效果图:

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal