14 个使用 jQuery 开发的模拟、数字时钟

红薯
 红薯
发布于 2011年11月28日
收藏 80

1. CoolClock in jQuery

CoolClock 是一个可定制的 jQuery 模拟时钟,使用 SVG 绘制,提供多种外观选择,同时支持数字时钟。

jQuery Cool Clock

Read More Demo

2.Analog JQuery clock

在该教程中,通过使用 jQuery 和一个名为 jQueryRotata 插件绘制一个模拟时钟。

jquery analog clock

Read More Demo

3. jDigiClock

jDigiClock 是一个jQuery插件,主要灵感来自于 HTC 手机的时钟小程序

jquery jDigiClock

Read More Demo

4. Old School Clock with CSS3 and jQuery

旋转是 CSS3 新增的特性,看看下面的时钟吧,就是用 CSS3 和 jQuery 搞的

Old School Clock with CSS3 and jQuery

Read More Demo

5. jQuery Dynamic Clock Plugin

该插件可以将一个给定的 div 元素转成动态时钟,每秒钟更新,可自由设置时间而不是自动根据浏览器的时间来。

jQuery Dynamic Clock Plugin

Read More Demo

6. jQuery Woozy Clock

jQuery woozy clock 是一个数字时间动画展示插件

jQuery Woozy Clock

Read More Demo

7. CSS3 Digital Clock with jQuery

本教程通过制作一个简单的数字时钟,包括日期和时间,在 jQuery 和 CSS3 的帮助下完成,有一点点动画效果。

CSS3 Digital Clock with jQuery

Read More Demo

8. Colour Clock – jQuery/CSS3 rebuild

Colour Clock 是一个很聪明的注意,使用十六进制值来做时钟显示

Colour Clock – jQuery/CSS3 rebuild

Read More Demo

9. CountDown jQuery plugin

倒计时的 jQuery 插件

CountDown jQuery plugin

Read More Demo

10. jQuery Countdown

另外一个倒计时插件,很炫的 LED 风格

jQuery Countdown Clock

Read More Demo

11. Colorful Clock With CSS & jQuery

颜色鲜艳的 jQuery 时钟

Colorful Clock With CSS & jQuery

Read More Demo

12. jQuery Sliding clock

这个时钟有点超现代,使用标尺来表示时间,看不懂

jQuery Sliding clock

Read More Demo

13. HTML clocks using JavaScript and CSS rotation

使用 <canvas> 开发的时钟

HTML clocks using JavaScript and CSS rotation

Read More Demo

14. Creating a css3 and jQuery clock

一个简单的 jQuery 和 CSS3 实现的模拟时钟,使用图片作为时针、分针和秒针。

Creating a css3 and jQuery clock

Read More Demo

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:14 个使用 jQuery 开发的模拟、数字时钟
加载中

最新评论(8

涉水轻舟
涉水轻舟
Mark 一下~
董巍
收藏,我喜欢HTC的那个
libran
libran
先收藏下来^_^
lanx
lanx
很漂亮 收藏了
H丶World
H丶World
好东西 搞到项目中去
景德真人
景德真人
灰常漂亮
哥很低调
哥很低调
好东西哇赞一个
返回顶部
顶部