简单易懂的天气插件（代码分享）
更新时间：2017年02月04日 11:08:13 作者：tony0522
本文主要分享了天气插件的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧
效果图如下：
代码如下所示：
<!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>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了mescroll.js上拉加载下拉刷新组件的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了webpack4 optimization使用总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
遇到一个Js从Cookies里面取值的需求，Js貌似没有现成的方法可以指定Key值获取Cookie里面对应的值，简单实现如下2014-06-06
今天小编就为大家分享一篇对Layer UI 模块化的用法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要给大家介绍了Javascript中的正则表达式的使用方式，非常的详细，并附上简单示例，这里推荐给大家。2015-03-03
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
在启用Firebug的情况下访问GMail会收到一个 Firebug会让Gmail变慢 的警告，这是如何检测的呢？这里就说说。2010-12-12
trackingjs+websocket+百度人脸识别API实现人脸签到
这篇文章主要介为大家详细绍了trackingjs+websocket+百度人脸识别API实现人脸签到功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
有时候我们需要对文件名进行控制，包括一些特殊命名的文件与特殊符号的文件名进程替换，那么就可以使用下面的函数2017-07-07
所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置，下面是具体的实现，感兴趣的朋友可以学习下2014-09-09
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
本文给大家介绍基于Metronic的Bootstrap开发框架实现页面链接收藏夹功能，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-08-08
最新评论