可用天猫全屏居中倒计时代码

bobljl

演示地址：http://ninaroco.tmall.com      记住里面的空白地址建议不要删除



代码如下，  分享中

1. <div style="width:1920px;height:40px;">
   
2.         <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;width:1920px;height:40px;">
   
3.                 <div class="sn-simple-logo" style="width:1920px;height:40px;padding:0px;left:-960px;top:auto;background:url();">
   
4.                         <div style="margin-left:450px;width:990px;height:40px;background:url();">
   
5.                                 <div class="J_TWidget" data-widget-type="Countdown" data-widget-config="{
   
6. 
   
7. 
   
8. 
   
9. 
   
10. 
    
11. 
    
12. 
    
13. 
    
14. 
    
15. 
    
16. "endTime": "2014-07-31 00:00:00",
    
17. 
    
18. 
    
19. 
    
20. 
    
21. 
    
22. 
    
23. 
    
24. 
    
25. 
    
26. 
    
27. "interval": 1000,
    
28. 
    
29. 
    
30. 
    
31. 
    
32. 
    
33. 
    
34. 
    
35. 
    
36. 
    
37. 
    
38. "timeRunCls": ".ks-countdown-run",
    
39. 
    
40. 
    
41. 
    
42. 
    
43. 
    
44. 
    
45. 
    
46. 
    
47. 
    
48. 
    
49. "timeUnitCls":{
    
50. 
    
51. 
    
52. 
    
53. 
    
54. 
    
55. 
    
56. 
    
57. 
    
58. 
    
59. 
    
60. "d": ".ks-d",      
    
61. 
    
62. 
    
63. 
    
64. 
    
65. 
    
66. 
    
67. 
    
68. 
    
69. 
    
70. 
    
71. "h": ".ks-h",      
    
72. 
    
73. 
    
74. 
    
75. 
    
76. 
    
77. 
    
78. 
    
79. 
    
80. 
    
81. 
    
82. "m": ".ks-m",      
    
83. 
    
84. 
    
85. 
    
86. 
    
87. 
    
88. 
    
89. 
    
90. 
    
91. 
    
92. 
    
93. "s": ".ks-s",      
    
94. 
    
95. 
    
96. 
    
97. 
    
98. 
    
99. 
    
100. 
     
101. 
     
102. 
     
103. 
     
104. "i": ".ks-i"        
     
105. 
     
106. 
     
107. 
     
108. 
     
109. 
     
110. 
     
111. 
     
112. 
     
113. 
     
114. 
     
115. },
     
116. 
     
117. 
     
118. 
     
119. 
     
120. 
     
121. 
     
122. 
     
123. 
     
124. 
     
125. 
     
126. "minDigit": 1,
     
127. 
     
128. 
     
129. 
     
130. 
     
131. 
     
132. 
     
133. 
     
134. 
     
135. 
     
136. 
     
137. "timeEndCls": ".ks-countdown-end"
     
138. 
     
139. 
     
140. 
     
141. 
     
142. 
     
143. 
     
144. 
     
145. 
     
146. 
     
147. 
     
148. }">
     
149.                                         <div class="ks-countdown-run" style="font-size:20px;float:right;padding-top:8px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#FFF;">
     
150.                                                  <span class="ks-d" style="font-size:20px;text-align:center;margin-left:5px;display:block;width:25px;float:left;overflow:hidden;">00</span> <span style="font-size:20px;text-align:center;width:25px;float:left;">天</span> <span class="ks-h" style="font-size:20px;text-align:center;width:25px;float:left;overflow:hidden;">00</span> <span style="font-size:20px;text-align:center;width:25px;float:left;">时</span> <span class="ks-m" style="font-size:20px;text-align:center;display:block;width:25px;float:left;">00</span> <span style="font-size:20px;text-align:center;width:25px;float:left;">分</span> <span class="ks-s" style="font-size:20px;text-align:center;display:block;width:25px;float:left;">00</span> <span style="font-size:20px;text-align:center;width:25px;float:left;">秒</span>
     
151.                                         </div>
     
152.                                 </div>
     
153.                         </div>
     
154.                 </div>
     
155.         </div>
     
156. </div>

复制代码

小摔哥

应该把代码放在哪里呢，导航页吗。倒计时天数在代码哪里改呢

這次涐先走丶

这个有谁试过可行的 回来报告下哦

reacho

坐等，不会弄

snowdk

看着好难哦

yesyesyys

取经中 学习下

wqingxiao

感谢分享！

回到过去

谢谢。辛苦了

cjx

感谢楼主的分享 学习了

jayyangyanxu

学习了  谢谢

领略者

学习了 学习了

领略者

学习了 学习了

领略者

学习了 学习了

6743281

不错不错，赶紧来支持一下～～～～～～～～～～～～～～～～～～～～～～～

qzgyl

多谢分享，试试效果如何

韩涵先生

这个不是很懂 慢慢学习吧