倒计时代码,专为代码新人解说,学习用!
(用自己的图片替换掉代码中的背景图片连接就可以-代码红色处)。
(数字0有4段样式,控制0的上下左右位置, 颜色大小,字体,-蓝色代码处)(控制倒计时模块大小的代码—绿色处)只要找到对应的代码样式进行编辑即可!(粉色处—是设置想要倒计时到哪一天)(褐色处—控制0000偏位,高度,可以自己调试)
<table border="0" cellpadding="0" cellspacing="0" class="" height="105" width="310">
<tbody>
<tr>
<td style="background:url(http://img02.taobaocdn.com/imgextra/i2/759410217/T2ZmjaXdBbXXXXXXXX_!!759410217.jpg) no-repeat;width:310px;height:105px;">
<div class="J_TWidget countdown11" data-widget-config="{'endTime': '2013-11-12 0:00:00','interval': 1000,'timeRunCls': '.ks-countdown-run', 'timeUnitCls':{ 'd': '.ks-d','h': '.ks-h', 'm': '.ks-m','s': '.ks-s' },'minDigit':2}" data-widget-type="Countdown" style="font-family:arial;margin-left:10px;">
<div class="time-count ks-countdown-run" style="padding-top:-10px;padding-left:2px;">
<div class="ks-d" style="border:0px solid rgb(0,0,0);width:50px;text-align:center;color:rgb(255,255,255);font-family:arial;font-size:40px;font-weight:bold;float:left;">
0</div>
<div class="ks-h" style="border:0px solid rgb(0,0,0);width:35px;text-align:center;color:rgb(255,255,255);font-family:arial;font-size:40px;font-weight:bold;margin-left:33px;margin-right:49px;float:left;">
0</div>
<div class="ks-m" style="border:0px solid rgb(0,0,0);width:35px;text-align:center;color:rgb(255,255,255);font-family:arial;font-size:40px;font-weight:bold;margin-right:42px;float:left;">
0</div>
<div class="ks-s" style="border:0px solid rgb(0,0,0);width:35px;text-align:center;color:rgb(255,255,255);font-family:arial;font-size:40px;font-weight:bold;float:left;">
0</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
页:
[1]