【好看实用倒计时】非常好看实用的倒计时,秒杀收藏模板

请不要直接复制代码做伸手党，  回帖支持一下

1. <div>
   
2.   <div class="time J_TWidget" data-widget-config="{'endTime':'2014-11-27 13:38:00','interval':1000,'timeRunCls':'.jim-countdown-run','timeUnitCls':{'d':'.day','h':'.hours','m':'.minutes','s':'.seconds'},'minDigit':2,'timeEndCls':'.jim-countdown-end'}" data-widget-type="Countdown" style="width:468px;color:#A6AFD2;font-family:arial;border:1px solid #474E6C;float:left;margin:0 10px 0 0;overflow:hidden;background:#212433;">
   
3.     <div class="jim-countdown-run" style="padding:10px 10px 0 10px;">
   
4.       <a class="down_7pskj1" href="http://item.taobao.com/item.htm?spm=a1z10.10.w5001-5389693174.2.BVy2sd&id=36950649018&scene=taobao_shop" style="display:block;width:448px;height:540px;background:url(http://img01.taobaocdn.com/L1/142/408644040/assets/images/0.jpg) no-repeat center center;" target="_blank" title=""></a></div>
   
5.     <div class="jim-countdown-end" style="display:none;padding:10px 10px 0 10px;width:448px;height:540px;background:url(http://img01.taobaocdn.com/L1/142/408644040/assets/images/0.jpg) no-repeat center center;">
   
6.        </div>
   
7.     <div class="jim-countdown-run" style="height:24px;line-height:24px;border-bottom:1px solid #272C40;border-top:1px solid #272C40;color:#A6AFD2;text-align:center;margin:0 10px;">
   
8.       仅剩余: <span class="day" style="font-weight:700;font-size:14px;">0</span>天 <span class="hours" style="font-weight:700;font-size:14px;">0</span>小时 <span class="minutes" style="font-weight:700;font-size:14px;">0</span>分 <span class="seconds" style="font-weight:700;font-size:14px;">0</span>秒</div>
   
9.     <div class="jim-countdown-end" style="display:none;height:24px;line-height:24px;border-bottom:1px solid #272C40;border-top:1px solid #272C40;margin:0 10px;text-align:center;">
   
10.       亲，该活动已经结束了哦！~</div>
    
11.     <div style="padding:5px 10px;overflow:hidden;zoom:1;">
    
12.       <div style="float:left;height:40px;line-height:40px;width:100px;overflow:hidden;">
    
13.         <span style="vertical-align:top;display:inline-block;padding-left:2px;">聚划算  <b style="vertical-align:top;color:#A6AFD2;font-size:18px;padding-left:3px;">￥99</b></span></div>
    
14.       <ul style="float:left;line-height:20px;text-align:center;overflow:hidden;zoom:1;margin-left:10px;">
    
15.         <li style="float:left;border-right:1px solid #474E6C;width:79px;border-left:1px solid #474E6C;width:79px;">
    
16.           <span style="display:block;">原价</span> <span>￥198</span></li>
    
17.         <li style="float:left;border-right:1px solid #474E6C;width:79px;">
    
18.           <span style="display:block;">折扣</span> <span>5.0折</span></li>
    
19.         <li style="float:left;border-right:1px solid #474E6C;width:79px;width:79px;">
    
20.           <span style="display:block;">节省</span> <span>￥99</span></li>
    
21.       </ul>
    
22.       <a href="http://item.taobao.com/item.htm?spm=a1z10.10.w5001-5389693174.2.BVy2sd&id=36950649018&scene=taobao_shop" style="float:right;display:block;vertical-align:top;height:20px;line-height:20px;background:#272C40;color:#FFF;width:70px;text-align:center;text-decoration:none;margin-top:9px;" target="_blank" title="">立即收藏</a></div>
    
23.   </div>
    
24.   <div class="time J_TWidget" data-widget-config="{'endTime':'2014-11-27 13:38:00','interval':1000,'timeRunCls':'.jim-countdown-run','timeUnitCls':{'d':'.day','h':'.hours','m':'.minutes','s':'.seconds'},'minDigit':2,'timeEndCls':'.jim-countdown-end'}" data-widget-type="Countdown" style="width:468px;color:#A6AFD2;font-family:arial;border:1px solid #474E6C;float:left;margin:0;overflow:hidden;background:#212433;">
    
25.     <div class="jim-countdown-run" style="padding:10px 10px 0 10px;">
    
26.       <a class="down_WSpKk2" href="http://item.taobao.com/item.htm?spm=a1z10.10.w5001-5389693174.2.BVy2sd&id=36950649018&scene=taobao_shop" style="display:block;width:448px;height:540px;background:url(http://img01.taobaocdn.com/L1/142/408644040/assets/images/1.jpg) no-repeat center center;" target="_blank" title=""></a></div>
    
27.     <div class="jim-countdown-end" style="display:none;padding:10px 10px 0 10px;width:448px;height:540px;background:url(http://img01.taobaocdn.com/L1/142/408644040/assets/images/1.jpg) no-repeat center center;">
    
28.        </div>
    
29.     <div class="jim-countdown-run" style="height:24px;line-height:24px;border-bottom:1px solid #272C40;border-top:1px solid #272C40;color:#A6AFD2;text-align:center;margin:0 10px;">
    
30.       仅剩余: <span class="day" style="font-weight:700;font-size:14px;">0</span>天 <span class="hours" style="font-weight:700;font-size:14px;">0</span>小时 <span class="minutes" style="font-weight:700;font-size:14px;">0</span>分 <span class="seconds" style="font-weight:700;font-size:14px;">0</span>秒</div>
    
31.     <div class="jim-countdown-end" style="display:none;height:24px;line-height:24px;border-bottom:1px solid #272C40;border-top:1px solid #272C40;margin:0 10px;text-align:center;">
    
32.       亲，该活动已经结束了哦！~</div>
    
33.     <div style="padding:5px 10px;overflow:hidden;zoom:1;">
    
34.       <div style="float:left;height:40px;line-height:40px;width:100px;overflow:hidden;">
    
35.         <span style="vertical-align:top;display:inline-block;padding-left:2px;">聚划算  <b style="vertical-align:top;color:#A6AFD2;font-size:18px;padding-left:3px;">￥99</b></span></div>
    
36.       <ul style="float:left;line-height:20px;text-align:center;overflow:hidden;zoom:1;margin-left:10px;">
    
37.         <li style="float:left;border-right:1px solid #474E6C;width:79px;border-left:1px solid #474E6C;width:79px;">
    
38.           <span style="display:block;">原价</span> <span>￥198</span></li>
    
39.         <li style="float:left;border-right:1px solid #474E6C;width:79px;">
    
40.           <span style="display:block;">折扣</span> <span>5.0折</span></li>
    
41.         <li style="float:left;border-right:1px solid #474E6C;width:79px;width:79px;">
    
42.           <span style="display:block;">节省</span> <span>￥99</span></li>
    
43.       </ul>
    
44.       <a href="http://item.taobao.com/item.htm?spm=a1z10.10.w5001-5389693174.2.BVy2sd&id=36950649018&scene=taobao_shop" style="float:right;display:block;vertical-align:top;height:20px;line-height:20px;background:#272C40;color:#FFF;width:70px;text-align:center;text-decoration:none;margin-top:9px;" target="_blank" title="">立即收藏</a></div>
    
45.   </div>
    
46. </div>
    
47. <p>
    
48.   <a name="sgmb"></a></p>

复制代码