当前路径: 星河码客 » 插件特效 » jQuery倒计时插件 - SyoTimer

jQuery倒计时插件 - SyoTimer

SyoTimer是一款简单时尚的jQuery倒计时插件。该计时器插件支持IE8+的现代浏览器,它的界面简洁,功能齐全。使用方法首先需要在页面中引入jQuery(1.7+)和jquery.syotimer.js文件。 HTML结构该jQuery计时器的HTML结构使用一个空的

作为容器即可。
插件初始化之后计时器将会变为如下结构:
1
day
1
hour
1
minute
1
second
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,});

jQuery倒计时插件 - SyoTimer

在线演示        积分下载        6毛下载        砍两刀下载       

文件目录······
暂无数据
 猜你喜欢 更多»
 工具推荐 更多»