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
- WBOYOriginal
- 2016-06-24 11:43:581032browse
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>
Rendering:
Demo address: www.100sucai.com/code/27.html
Statement：
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
Previous article：Problem with Jcrop cropping images_html/css_WEB-ITnoseNext article：Problem with Jcrop cropping images_html/css_WEB-ITnose