SyoTimer是一款简单时尚的jQuery倒计时插件。该计时器插件支持IE8+的现代浏览器,它的界面简洁,功能齐全。使用方法首先需要在页面中引入jQuery(1.7+)和jquery.syotimer.js文件。 HTML结构该jQuery计时器的HTML结构使用一个空的
作为容器即可。 插件初始化之后计时器将会变为如下结构: CSS样式需要为该计时器添加一些必要的CSS样式,这些样式你也可以自定义。.timer{ text-align: center; margin: 30px auto 0; padding: 0 0 10px; border-bottom: 2px solid #80a3ca;}.timer .table-cell{ display: inline-block; margin: 0 5px; width: 79px; background: url(./images/timer.png) no-repeat 0 0;}.timer .table-cell .tab-val{ font-size: 35px; color: #80a3ca; height: 81px; line-height: 81px; margin: 0 0 5px;}.timer .table-cell .tab-metr{ font-family: Arial; font-size: 12px; text-transform: uppercase;} #simple_timer.timer .table-cell.day, #periodic_timer_days.timer .table-cell.hour{ width: 120px; background-image: url(./images/timer_long.png);} 初始化插件在页面DOM元素加载完毕之后,可以通过syotimer()方法来初始化该计时器插件,并在其中传入适当的参数。$('#simple_timer').syotimer({ year: 2020, month: 5, day: 9, hour: 20, minute: 30,});
1
day
1
hour
1
minute
1
second
文件目录······
暂无数据
猜你喜欢
更多»
项目推荐
更多»
PDF电子书
更多»
Java多线程编程核心技术
(2)
Linux命令详解词典.pdf
(5)
深入Python3中文版
(0)
百度SEO一本通.pdf
(0)
mysql必知必会.pdf
(2)
疯狂JAVA讲义 pdf电子书
(3)
C# 图解教程pdf电子书
(3)
研磨设计模式 pdf电子书
(0)