index.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title>天气</title>
  6. <script src="http://static.vbdsm.com/js/lib/jquery-1.8.0.min.js"></script>
  7. <script src="http://static.vbdsm.com/js/lib/jquery.query-2.1.7.js"></script>
  8. <script src="http://static.vbdsm.com/js/common.tools.js"></script>
  9. <script src="http://static.vbdsm.com/js/util.js"></script>
  10. <link href="weather.css" rel="stylesheet"/>
  11. <style>
  12. body {
  13. overflow: hidden;
  14. margin-left: -6px;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div id="future_container">
  20. <div class="future_box">
  21. <img alt="天气" height="100px" src="./images/weather_icon/1.png"/>
  22. <span class="info">城市</span>
  23. <span class="info">---</span>
  24. <span class="info">--</span>
  25. <span class="info">--</span>
  26. </div>
  27. </div>
  28. <script>
  29. var cid = $.query.get("auth_cid");
  30. $("body").append('<script src="/system/lang/desktop/config.json?script=1&auth_cid=' + cid + '"><\/script>');
  31. $(function () {
  32. getWinXin();
  33. });
  34. function getWinXin() {
  35. $.ajax({
  36. url: "http://weixin.jirengu.com/weather?jsoncallback=getWeather",
  37. type: 'get',
  38. dataType: 'json',
  39. xhrFields: {
  40. widthCredentials: true
  41. },
  42. success: function (data) {
  43. if (data.status == "OK") {
  44. var weather = data.weather[0];
  45. var oSpan = document.getElementsByClassName('info');
  46. oSpan[0].innerHTML = weather.city_name;
  47. oSpan[1].innerHTML = weather.now.text;
  48. oSpan[2].innerHTML = weather.now.temperature + "°C";
  49. oSpan[3].innerHTML = weather.future[0].wind;
  50. var code = weather.now.code;
  51. //changeImg(response);
  52. var firstImg = document.getElementsByTagName("img")[0];
  53. firstImg.src = "http://weixin.jirengu.com/images/weather/code/" + encodeURI(code) + ".png"
  54. }
  55. }
  56. });
  57. }
  58. </script>
  59. </body>
  60. </html>