簡(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)文章
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊，接下來(lái)跟著小編一起來(lái)學(xué)習(xí)javascript中的function函數(shù)，小伙伴們快來(lái)一起學(xué)習(xí)吧2015-08-08
javascript實(shí)現(xiàn)簡(jiǎn)單的頁(yè)面右下角提示信息框
本文給大家分享的是使用javascript實(shí)現(xiàn)簡(jiǎn)單的頁(yè)面右下角提示信息框的方法和示例代碼，有需要的小伙伴可以參考下。2015-07-07
解決layui的form里的元素進(jìn)行動(dòng)態(tài)生成,驗(yàn)證失效的問(wèn)題
今天小編就為大家分享一篇解決layui的form里的元素進(jìn)行動(dòng)態(tài)生成,驗(yàn)證失效的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
火狐下table中創(chuàng)建form導(dǎo)致兩個(gè)table之間出現(xiàn)空白
js加入form導(dǎo)致兩個(gè)table之間出現(xiàn)空白，還有另一種說(shuō)法在table中創(chuàng)建form表單是不符合DOM標(biāo)準(zhǔn)的，會(huì)導(dǎo)致post失效，以及js數(shù)據(jù)傳輸失效2013-09-09
項(xiàng)目實(shí)踐一圖片上傳之form表單還是base64前端圖片壓縮(前端圖片壓縮)
這篇文章主要介紹了項(xiàng)目實(shí)踐一圖片上傳之form表單還是base64前端圖片壓縮(前端圖片壓縮)的相關(guān)資料,需要的朋友可以參考下2016-07-07
剛接觸python的時(shí)候，最不習(xí)慣的事情，就是每個(gè)方法都要加一個(gè)self。無(wú)論Javascript還是C#，都直接一個(gè)this搞定，干嘛非要加一個(gè)變量self。2010-08-08
在IE模態(tài)窗口中自由查看HTML源碼的方法...2007-03-03
JS實(shí)現(xiàn)勻速運(yùn)動(dòng)的代碼實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)勻速運(yùn)動(dòng)的代碼實(shí)例，有需要的朋友可以參考一下2013-11-11
微信小程序與axios組成網(wǎng)絡(luò)層封裝過(guò)程詳解
小程序在網(wǎng)絡(luò)層提供的API是能夠完成一個(gè)程序與服務(wù)端交互的完整鏈路，但需要大量的定制化代碼，才能實(shí)現(xiàn)請(qǐng)求攔截和響應(yīng)攔截，不太符合大多數(shù)開(kāi)發(fā)者的使用習(xí)慣，對(duì)于前端開(kāi)發(fā)者來(lái)說(shuō)，網(wǎng)絡(luò)層還得是axios2023-02-02
這篇文章主要介紹了詳解webpack模塊化管理和打包工具,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04