前端天气插件 tpwidget

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

方法一：（心知天气）

<div id="tp-weather-widget" style="background: #666"></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.seniverse.com/widget/chameleon.js"))
</script>
<script>tpwidget("init", {"flavor": "slim","location": "WX4FBXXFKE4F","geolocation": "enabled","language": "zh-chs","unit": "c","theme": "chameleon","container": "tp-weather-widget","bubble": "enabled","alarmType": "badge","color": "#FFFFFF","uid": "UB6953924F","hash": "ce68b5b7b447ec5bda327f8c9c2d59f9"});tpwidget("show");
</script>

结果:

方法二：（中国天气插件）
配置项的设置（例如背景、颜色、圆角）：https://cj.weather.com.cn/plugin/pc

<div id="weather-float-he"></div>
<script type="text/javascript">
WIDGET = {FID: 'KbzQ7JDMhF'}
</script>
<script type="text/javascript" src="https://apip.weatherdt.com/float/static/js/r.js?v=1111"></script>

效果：

前端天气插件 tpwidget相关推荐

Jquery前端分页插件pagination同步加载和异步加载
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...
vue前端表格插件_Grid.js - 跨框架的前端表格插件
只想简简单单画个表格,但 React,Vue,Angular,-,这么多前端框架,各自都有不同的表格渲染库.就没有表格库能"一次画表,到处运行"吗?来看看 Grid.js 这个跨框 ...
CheckCode.js 前端验证码插件
CheckCode.js 前端验证码插件效果截图插件使用方法 CheckCode.js 本插件的参考示例效果截图插件使用方法 // 在html页面引入CheckCode.js <scri ...
如何在 Linux 中使用类似智能手机外观的 Conky 天气插件
如何在 Linux 中使用类似智能手机外观的 Conky 天气插件智能手机都拥有一些平滑地融入手机外观的天气小插件,现在幸亏有了 Flair Weather Conky,你便可以在你的 Linux ...
动手写一款简单的chrome天气插件
极简天气一款简单的chrome天气插件. github https://github.com/yohnz/weather 如图: 创建文件新建weather文件夹,里面包含manifest.jso ...
前端常用插件、工具类库汇总（上）
前言在开发中,我们经常会将一些常用的代码块.功能块进行封装,为的是更好的复用.那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件. 下面这些是我在工作中积累的一些常用的前端 ...
几个前端时间插件总结
几个前端时间插件总结总结一下几款时间插件,分别是 - [ ] jeDate 手册http://www.jemui.com/jedate/ - [ ] bootstrap-datetimepicker ...
pual_bot 天气插件编写
最近在玩pual_bot,感觉很不错,最近天气插件失效了,就结合百度api重新写了一个,也提交了. https://github.com/coldnight/pual_bot 1 #!/usr/bin ...
chrome vue插件_VS Code 前端常用插件推荐
⊕.vscode安装插件只需要点击图片所示按钮,即可进入拓展,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启vscode使得插件生效. Ξ.当你不需要某个插件时只需要进入扩展,点击对应 ...

前端天气插件 tpwidget

前端天气插件 tpwidget相关推荐

最新文章

热门文章

前端 天气插件 tpwidget

前端 天气插件 tpwidget相关推荐

最新文章

热门文章

前端天气插件 tpwidget

前端天气插件 tpwidget相关推荐