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

tony0522
tony0522 发布于 2017-02-04 09:30:08 浏览:3054 类型:转载 - 教程 分类: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 人点赞
收藏 79 人收藏
评论 已有 12 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最新评论
邓莎莎的funs
邓莎莎的funs2017-02-17 12:11:3712F
解决了,我放在服务器上就可以了,本地不行。嘿嘿
举报 支持 (0) 回复 (0)
邓莎莎的funs
邓莎莎的funs2017-02-17 11:57:4311F
是不是在本地是没办法看到实际效果的呢
举报 支持 (0) 回复 (0)
邓莎莎的funs
邓莎莎的funs2017-02-17 11:56:2410F
请教下按照心知的弄好了代码,报错是找不到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 作者

作者最新