簡(jiǎn)單易懂的天氣插件(代碼分享)
更新時(shí)間:2017年02月04日 11:08:13 作者:tony0522
本文主要分享了天氣插件的示例代碼。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
效果圖如下:

代碼如下所示:
<!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", "http://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>
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
您可能感興趣的文章:
相關(guān)文章
webpack4 optimization使用總結(jié)
這篇文章主要介紹了webpack4 optimization使用總結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
js從Cookies里面取值的簡(jiǎn)單實(shí)現(xiàn)
遇到一個(gè)Js從Cookies里面取值的需求,Js貌似沒(méi)有現(xiàn)成的方法可以指定Key值獲取Cookie里面對(duì)應(yīng)的值,簡(jiǎn)單實(shí)現(xiàn)如下2014-06-06
使用JavaScript檢測(cè)Firefox瀏覽器是否啟用了Firebug的代碼
在啟用Firebug的情況下訪問(wèn)GMail會(huì)收到一個(gè) Firebug會(huì)讓Gmail變慢 的警告,這是如何檢測(cè)的呢?這里就說(shuō)說(shuō)。2010-12-12
trackingjs+websocket+百度人臉識(shí)別API實(shí)現(xiàn)人臉簽到
這篇文章主要介為大家詳細(xì)紹了trackingjs+websocket+百度人臉識(shí)別API實(shí)現(xiàn)人臉簽到功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11
js is_valid_filename驗(yàn)證文件名的函數(shù)
有時(shí)候我們需要對(duì)文件名進(jìn)行控制,包括一些特殊命名的文件與特殊符號(hào)的文件名進(jìn)程替換,那么就可以使用下面的函數(shù)2017-07-07
基于Bootstrap的Metronic框架實(shí)現(xiàn)頁(yè)面鏈接收藏夾功能
本文給大家介紹基于Metronic的Bootstrap開發(fā)框架實(shí)現(xiàn)頁(yè)面鏈接收藏夾功能,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-08-08

