Home > Web Front-end > HTML Tutorial > Code for making an electronic clock using jQuery_html/css_WEB-ITnose

Code for making an electronic clock using jQuery_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:43:58
Original
1046 people have browsed it

Source code:

<!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>
Copy after login

 

Rendering:

Demo address: www.100sucai.com/code/27.html

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template