前端天气插件tpwidget使用方法详解

本文实例为大家分享了前端天气插件tpwidget的具体使用方法，供大家参考，具体内容如下

PS:需要放到服务器才会生效

方法一：(心知天气)

div id=' TP-weather-widget ' style=' background : # 666 '/div脚本(函数(T，h，I，n，k，P，a，g，e){ g=function(){ P=h . create element(I)；a=h . getelementsbytagname(I)[0]；p . src=k；p . charset=' utf-8 '；p .异步=1；a.parentNode.insertBefore(P，a)}；t[' ThinkPageWeatherWidgetObject ']=n；T[n] || (T[n]=function () { (T[n]).q=T[n].q || []).推送(参数)});T[n].l=新日期();if(t . attachevent){ t . attachevent(' on load '，g)} else { t . addevent listener(' load '，g，false) }(窗口、文档、“脚本”、“t widget”、//widget。seniverse。com/widget/变色龙。js ')/脚本脚本tpwidget(' init '、{ 'flavor': 'slim '、' location': 'WX4FBXXFKE4F '、' geolocation': 'enabled '、' language ' 3: ' zh-1TP widget(' show ')；/script结果：

方法二：(中国天气插件)

配置项的设置（例如背景、颜色、圆角):https://CJ。天气。com。cn/插件/电脑

div id=' weather-float-he '/div脚本类型=' text/JAVAScript ' WIDGET={ FID : ' KbZq 7 JD mhf ' }/脚本脚本类型=' text/JAVAScript ' src=' http :https://apip。天气数据。com/float/static/js/r . js？v=1111 /脚本效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。