倒计时代码，专为代码新人解说，学习用！

（用自己的图片替换掉代码中的背景图片连接就可以-代码红色处）。
（数字0有4段样式，控制0的上下左右位置， 颜色大小，字体，-蓝色代码处）（控制倒计时模块大小的代码—绿色处）  只要找到对应的代码样式进行编辑即可！  （粉色处—是设置想要倒计时到哪一天）（褐色处—控制0000偏位，高度，可以自己调试）

1. <table border="0" cellpadding="0" cellspacing="0" class="" height="105" width="310">
   
2. <tbody>
   
3.   <tr>
   
4.    <td style="background:url(http://img02.taobaocdn.com/imgextra/i2/759410217/T2ZmjaXdBbXXXXXXXX_!!759410217.jpg) no-repeat;width:310px;height:105px;">
   
5.     <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;">
   
6.      <div class="time-count ks-countdown-run" style="padding-top:-10px;padding-left:2px;">
   
7.       <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;">
   
8.        0</div>
   
9.       <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;">
   
10.        0</div>
    
11.       <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;">
    
12.        0</div>
    
13.       <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;">
    
14.        0</div>
    
15.      </div>
    
16.     </div>
    
17.    </td>
    
18.   </tr>
    
19. </tbody>
    
20. </table>

复制代码