当前位置: 首页 > 编程笔记 >

简单易懂的天气插件(代码分享)

鲁丰
2023-03-14
本文向大家介绍简单易懂的天气插件(代码分享),包括了简单易懂的天气插件(代码分享)的使用技巧和注意事项,需要的朋友参考一下

效果图如下:

代码如下所示:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>天气</title>
 <meta name="viewport" content="width=device-width,initial-scale=1"/>
 <style type="text/css">
  .xc{
  width: 200px;
  margin: 0 auto;
  }
 </style>
 </head>
 <body>
 <div id="tp-weather-widget" class="xc"></div>
 <script>
  (function(T, h, i, n, k, P, a, g, e) {
  g = function() {
   P = h.createElement(i);
   a = h.getElementsByTagName(i)[0];
   P.src = k;
   P.charset = "utf-8";
   P.async = 1;
   a.parentNode.insertBefore(P, a)
  };
  T["ThinkPageWeatherWidgetObject"] = n;
  T[n] || (T[n] = function() {
   (T[n].q = T[n].q || []).push(arguments)
  });
  T[n].l = +new Date();
  if(T.attachEvent) {
   T.attachEvent("onload", g)
  } else {
   T.addEventListener("load", g, false)
  }
  }(window, document, "script", "tpwidget", "//widget.thinkpage.cn/widget/chameleon.js"))
 </script>
 <script>
  tpwidget("init", {
  "flavor": "slim",
  "location": "WX4FBXXFKE4F",
  "geolocation": "disabled",
  "language": "zh-chs",
  "unit": "c",
  "theme": "chameleon",
  "container": "tp-weather-widget",
  "bubble": "enabled",
  "alarmType": "badge",
  "color": "#F47837",
  "uid": "U605DCADA4",
  "hash": "78f46a1198d54dafa0cda717efa717a9"
  });
  tpwidget("show");
 </script>
 </body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持小牛知识库!

 类似资料:
  • 本文向大家介绍JavaScript 2048 游戏实例代码(简单易懂),包括了JavaScript 2048 游戏实例代码(简单易懂)的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了,觉得很满意直接拿去。 以上代码还很满意吧,都是些div+css方面的知识,代码有问题欢迎各位亲提出宝贵意见,共同学习进步,同时也非常感谢大家对呐喊教程网站的支持,谢谢!

  • 本文向大家介绍django 文件上传功能的相关实例代码(简单易懂),包括了django 文件上传功能的相关实例代码(简单易懂)的使用技巧和注意事项,需要的朋友参考一下 一、新建项目,在主配置文件中,修改以下内容: 在该项目下新建一个与 manage.py 同级的目录文件,目录名为media。 在media文件夹下新建一个子目录,作为上传文件的保存位置,这里我把该子目录命名为headpics。即模拟

  • 本文向大家介绍分享个简单易懂且非常有用的laravel事件,包括了分享个简单易懂且非常有用的laravel事件的使用技巧和注意事项,需要的朋友参考一下 前言 在开始本文的正文之前,我们先说一下在什么场景会使用这个事件功能。 事情大概是这样的,需求要在用户注册的时候发一些帮助邮件给用户(原本用户在注册之后已经有发别的邮件的了,短信,IM什么的) 原来这个注册的方法也就10多行代码。但是有时候我们为了

  • 这是一个开源的、基于jQuery 函数库的 JavaScript 天气预报脚本插件。 代码语法完全符合W3C网页标准,完全兼容各种主流浏览器。 本插件主要用于天气预报的展示。 jQuery weather v3.0.0( 2013-03-01 ) + 此版本开放源代码,允许二次修改 + 此版本改为纯Javascript版本,不再依赖于PHP. + 支持全世界所有城市(以前版本仅支持中国城市) +

  • 本文向大家介绍iOS中实现简单易懂秒杀倒计时/倒计时代码,包括了iOS中实现简单易懂秒杀倒计时/倒计时代码的使用技巧和注意事项,需要的朋友参考一下 示例代码简单易懂: 以上所述是小编给大家介绍的iOS中实现简单易懂秒杀倒计时/倒计时代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 本文向大家介绍易语言调用墨迹天气实现自动定位获取天气情况的代码,包括了易语言调用墨迹天气实现自动定位获取天气情况的代码的使用技巧和注意事项,需要的朋友参考一下 常量数据表 实时天气自动定位源码 此功能需要加载精易模块5.6 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对呐喊教程的支持。如果你想了解更多相关内容请查看下面相关链接