【转载】9个超酷的jQuery倒计时插件和教程
2014-02-28 11:04
751 查看
倒计时功能在很多项目中都会使用到,比如维修页面、团购网站和下载限时网站等等。通过使用jquery倒计时插件,你可以简化你的工作量,却同样创造出超酷的jQuery倒计时功能。本文为你介绍10款jQuery倒计时插件。
![](http://paranimage.com/wp-content/uploads/2011/06/image93.jpg)
Demo
![](http://paranimage.com/wp-content/uploads/2011/06/image94.jpg)
![](http://paranimage.com/wp-content/uploads/2011/06/image95.jpg)
演示地址 Dark theme
Light theme
![](http://paranimage.com/wp-content/uploads/2011/06/image96.jpg)
![](http://paranimage.com/wp-content/uploads/2011/06/image97.jpg)
![](http://paranimage.com/wp-content/uploads/2011/06/image98.jpg)
1. jQuery Countdown
这个jQuery插件可以让你设置一个div或span元素来显示倒计时,它拥有一堆的选项可以实现你的各种需求。![](http://paranimage.com/wp-content/uploads/2011/06/image93.jpg)
Demo
2. jQuery Countdown with Background and Overlay
很酷的jQuery倒计时脚本,下载包含javascript, 图片和CSS文件等。![](http://paranimage.com/wp-content/uploads/2011/06/image94.jpg)
3. littlewebthings CountDown
这是一个使用简单的jQuery倒计时插件。它非常容易自定义倒计时外观。![](http://paranimage.com/wp-content/uploads/2011/06/image95.jpg)
演示地址 Dark theme
Light theme
4. jQuery Countdown plugin that doesn’t sucks!
![](http://paranimage.com/wp-content/uploads/2011/06/image96.jpg)
5. Countdown timer jQuery Plugin
![](http://paranimage.com/wp-content/uploads/2011/06/image97.jpg)
6. jQuery CountDown Plugin
这个脚本可以让你创建一个类似下载网站rapidshare.com的倒计时功能.![](http://paranimage.com/wp-content/uploads/2011/06/image98.jpg)
7. How can I make a jQuery countdown
这是一个最最简单的jQuery倒计时代码示例,如果你正开始学jQuery并想学着自己写个倒计时事件,它是个不错的开始。8. jQuery Countdown Clock (WordPress 插件)
这是一个wordpress插件。使用它,你可以显示一个jQuery倒计时时钟在你的侧边栏。9. Coming Soon Pages WordPress Plugins
这又是一个wordpress插件,它可以让你为你的WP博客生成一个漂亮的Coming Soon页面,该页面会显示一个jQuery倒计时,以及订阅邮箱之类的。如果你的网站因为某些原因需要暂停访问,而你又希望用户得到提示,你的网站将在什么时间正常显示,推荐使用它。![](http://paranimage.com/wp-content/uploads/2011/06/wordpress-plugin-coming-soon-6.jpg)
相关文章推荐
- html用jquery获取屏幕宽度与滚动条的关系
- Jquery禁止输入
- jquery 新增用户实例
- JQuery获取append后的动态元素:live()和on()
- Jquery 扩展方法
- jQuery的get()用法
- Croppic – 免费开源的 jQuery 图片裁剪插件
- JQuery 2.0很实用
- Jquery中正则表达式的应用小示例
- 使用jquery获取radio的值
- 可以直接拿来用的jQuery代码片段
- 使用jquery获取url以及jquery获取url参数的方法(转)
- 11 个最佳 jQuery 滚动条插件
- 时间倒计时
- jquery validate 自定义验证方法
- jquery操作全选或全不选
- jquery 获取某个元素下面所有事件
- 兼容IE与firefox火狐的回车事件(js与jquery)
- 【2014-02-28】收集最新jquery特效与素材资源
- jQuery之选项卡的简单实现