效果如下,浮窗显示地址(通过ip确定)和温度,鼠标放上去后显示详细信息

手机版直接占满全屏(依照上图脑补)

将如下代码粘贴到footer.php的</body>之上

<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.seniverse.com/widget/chameleon.js"))</script><script>tpwidget("init", {"flavor": "bubble","location": "WX4FBXXFKE4F","geolocation": "enabled","position": "top-left","margin": "10px 10px","language": "zh-chs","unit": "c","theme": "chameleon","uid": "U1617303EA","hash": "336e0067e0900ceefeccecd1f8b52504"});tpwidget("show");</script> 

努力学习ing