Rumah >hujung hadapan web >html tutorial >通过jQuery制作电子时钟表的代码_html/css_WEB-ITnose
通过jQuery制作电子时钟表的代码_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:43:581032semak imbas
源码：
<!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
Kenyataan：
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
Artikel sebelumnya：Jcrop裁减图片的问题_html/css_WEB-ITnoseArtikel seterusnya：怎么从一个页面跳转到另一个frameset布局的页面_html/css_WEB-ITnose