天气插件---可以放在页面的任何地方哦

tony0522
tony0522 发布于 2017-02-04 09:30:08 浏览:2775 类型:转载 - 教程 分类:HTML/CSS - HTML/CSS 二维码: 转载说明
<!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>
标签:
z
给个赞 29 人点赞
收藏 78 人收藏
评论 已有 12 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最新评论
邓莎莎的funs
邓莎莎的funs5 天前12F
解决了,我放在服务器上就可以了,本地不行。嘿嘿
举报 支持 (0) 回复 (0)
邓莎莎的funs
邓莎莎的funs5 天前11F
是不是在本地是没办法看到实际效果的呢
举报 支持 (0) 回复 (0)
邓莎莎的funs
邓莎莎的funs5 天前10F
请教下按照心知的弄好了代码,报错是找不到chameleon.js  这是咋回事
举报 支持 (0) 回复 (0)
aaamrh
aaamrh2017-02-12 10:42:259F
大哥,你这是代码混淆过的,直接复制粘贴过来的吧。。。
举报 支持 (0) 回复 (0)
小俊
小俊2017-02-06 10:56:168F
这么修改城市?
举报 支持 (0) 回复 (0)
870031030
8700310302017-02-04 16:55:357F
代码拷贝下来怎么报错啊??
举报 支持 (0) 回复 (0)
juliang
juliang2017-02-04 16:53:136F
代码保存后为什么没有效果
举报 支持 (0) 回复 (0)
LookInUeyes
LookInUeyes2017-02-04 16:38:595F
我也想问怎么修改城市呢
举报 支持 (0) 回复 (0)
159211788
1592117882017-02-04 11:12:364F
哦了 //@Auditore:这是心知的api  我之前都是用其他接口 拿到数据就是IP所在地的天气 //@159211788:怎么修改城市,新手求解答。
举报 支持 (0) 回复 (0)
Auditore
Auditore2017-02-04 10:59:403F
这是心知的api  我之前都是用其他接口 拿到数据就是IP所在地的天气 //@159211788:怎么修改城市,新手求解答。
举报 支持 (0) 回复 (1)
159211788
1592117882017-02-04 10:56:582F
怎么修改城市,新手求解答。
举报 支持 (0) 回复 (1)
Auditore
Auditore2017-02-04 10:56:271F
强!终于找到一个好的了  之前都是用jsonp来拿别人 接口
举报 支持 (0) 回复 (0)
tony0522 tony0522 作者

作者最新