weather.htm 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>天气预报</title>
  6. <script type="text/javascript">
  7. var day1pic1 = './images/tqimgs/' + '$!sjWeatherData.firsticon1';
  8. var tqtb1 = document.getElementById('day1Tqtb1');
  9. tqtb1.src = day1pic1;
  10. var day1pic2 = './images/tqimgs/' + '$!sjWeatherData.firsticon2';
  11. var tqtb2 = document.getElementById('day1Tqtb2');
  12. tqtb2.src = day1pic2;
  13. var day2pic1 = './images/tqimgs/' + '$!sjWeatherData.seconicon1';
  14. var day2Tqtb1 = document.getElementById('day2Tqtb1');
  15. day2Tqtb1.src = day2pic1;
  16. var day2pic2 = './images/tqimgs/' + '$!sjWeatherData.seconicon2';
  17. var day2tqtb2 = document.getElementById('day2Tqtb2');
  18. day2tqtb2.src = day2pic2;
  19. var day3pic1 = './images/tqimgs/' + '$!sjWeatherData.thirdicon1';
  20. var day3Tqtb1 = document.getElementById('day3Tqtb1');
  21. day3Tqtb1.src = day3pic1;
  22. var day3pic2 = './images/tqimgs/' + '$!sjWeatherData.thirdicon2';
  23. var day3Tqtb2 = document.getElementById('day3Tqtb2');
  24. day3Tqtb2.src = day3pic2;
  25. </script>
  26. </head>
  27. <body>
  28. <input type="hidden" id="sjWeatherData" value="$!sjWeatherData"/>
  29. <table width="100%" align="center" cellpadding="0px" cellspacing="0px" style="border:solid #1E90FF; border-width:2px 0px 0px 2px;" border="1px">
  30. <!-- 城市名称 -->
  31. <tr>
  32. <td style="border:solid #1E90FF; border-width:0px 2px 2px 0px;">
  33. <table width="100%" align="center" cellpadding="2px" cellspacing="2px">
  34. <tr>
  35. <td colspan="1">
  36. <strong>
  37. <font color="blue">$!sjWeatherData.provcity</font>
  38. </strong>
  39. </td>
  40. </tr>
  41. <tr>
  42. <td colspan="1">
  43. <strong>
  44. <font color="blue">$!sjWeatherData.cityname</font>
  45. </strong>
  46. </td>
  47. </tr>
  48. <tr>
  49. <td colspan="1">
  50. <strong>
  51. <font size="-1">$!dateTool.format('yyyy-MM-dd HH:mm', $!sjWeatherData.fbtime)&nbsp;发布</font>
  52. </strong>
  53. </td>
  54. </tr>
  55. </table>
  56. </td>
  57. </tr>
  58. <!-- 第一天 -->
  59. <tr>
  60. <td style="border:solid #1E90FF; border-width:0px 2px 2px 0px;">
  61. <table width="100%" align="center" cellpadding="2px" cellspacing="2px">
  62. <tr align="center">
  63. <!-- 日期 -->
  64. <td colspan="1">
  65. <font size="-1">$!sjWeatherData.firstdate</font>
  66. </td>
  67. </tr>
  68. <tr align="center">
  69. <!-- 天气图标 -->
  70. <td colspan="1">
  71. <img id="day1Tqtb1" width="20px" height="20px"/>
  72. <img id="day1Tqtb2" width="20px" height="20px"/>
  73. </td>
  74. </tr>
  75. <tr align="center">
  76. <!-- 天气细则 -->
  77. <td colspan="1">
  78. <font size="-1">$!sjWeatherData.firsttemp<br>$!sjWeatherData.firstwind<br></font>
  79. </td>
  80. </tr>
  81. </table>
  82. </td>
  83. </tr>
  84. <!-- 第二天 -->
  85. <tr>
  86. <td style="border:solid #1E90FF; border-width:0px 2px 2px 0px;">
  87. <table width="100%" align="center" cellpadding="2px" cellspacing="2px">
  88. <tr align="center">
  89. <!-- 第二天的时间 -->
  90. <td>
  91. <font size="-1">$!sjWeatherData.secondate</font>
  92. </td>
  93. </tr>
  94. <tr align="center">
  95. <td>
  96. <!-- 第二天的天气图标 -->
  97. <img id="day2Tqtb1" width="20px" height="20px"/>
  98. <img id="day2Tqtb2" width="20px" height="20px"/>
  99. </td>
  100. </tr>
  101. <tr align="center">
  102. <td>
  103. <!-- 第二天的天气细则 -->
  104. <font size="-1">$!sjWeatherData.secontemp<br>$!sjWeatherData.seconwind<br></font>
  105. </td>
  106. </tr>
  107. </table>
  108. </td>
  109. </tr>
  110. <!-- 第三天 -->
  111. <tr>
  112. <td style="border:solid #1E90FF; border-width:0px 2px 2px 0px;">
  113. <table width="100%" align="center" cellpadding="2px" cellspacing="2px">
  114. <tr align="center">
  115. <td>
  116. <!-- 第三天的天气时间 -->
  117. <font size="-1">$!sjWeatherData.thirddate</font>
  118. </td>
  119. </tr>
  120. <tr align="center">
  121. <td>
  122. <!-- 第三天的天气图标 -->
  123. <img id="day3Tqtb1" width="20px" height="20px"/>
  124. <img id="day3Tqtb2" width="20px" height="20px"/>
  125. </td>
  126. </tr>
  127. <tr align="center">
  128. <td>
  129. <!-- 第三天的天气细则 -->
  130. <font size="-1">$!sjWeatherData.thirdtemp<br>$!sjWeatherData.thirdwind<br></font>
  131. </td>
  132. </tr>
  133. </table>
  134. </td>
  135. </tr>
  136. <!-- 温馨提示 -->
  137. <tr>
  138. <td style="border:solid #1E90FF; border-width:0px 2px 2px 0px;">
  139. <table width="100%" align="center" cellpadding="2px" cellspacing="2px">
  140. <tr align="center">
  141. <td colspan="1">
  142. <!-- 居家指数 -->
  143. <strong>
  144. <font color="blue">温馨提醒</font>
  145. </strong>
  146. </td>
  147. </tr>
  148. <tr align="center">
  149. <td colspan="1">
  150. <img id="sunPic" src="./images/tqimgs/sun.gif" width="64px" height="64px"/>
  151. </td>
  152. </tr>
  153. <tr>
  154. <td>
  155. <!-- 今日天气实况 -->
  156. <font size="-1">$!sjWeatherData.currtemp</font>
  157. </td>
  158. </tr>
  159. <tr>
  160. <td>
  161. <!-- 今日天气实况 -->
  162. <font size="-1">$!sjWeatherData.currwind</font>
  163. </td>
  164. </tr>
  165. <tr>
  166. <td>
  167. <!-- 今日天气实况 -->
  168. <font size="-1">$!sjWeatherData.currwet</font>
  169. </td>
  170. </tr>
  171. <tr>
  172. <td>
  173. <!-- 今日天气实况 -->
  174. <font size="-1">$!sjWeatherData.currair</font>
  175. </td>
  176. </tr>
  177. <tr>
  178. <td>
  179. <!-- 今日天气实况 -->
  180. <font size="-1">$!sjWeatherData.currzwx</font>
  181. </td>
  182. </tr>
  183. </table>
  184. </td>
  185. </tr>
  186. </table>
  187. <br />
  188. </body>
  189. </html>