文档
中国天气:https://cj.weather.com.cn/
下图方式,需要引入jquery,版本不限。
使用
因为官方提供的代码,使用不方便,页面元素不好定位,所以自己重写了一下。
代码如下:
$(function () {
//***********************************************中国天气逻辑*******************************//
// 1.初始化参数
WIDGET = {FID: 'lV4IGfzWUm'}
var css = "<link rel='stylesheet' href='https://apip.weatherdt.com/float/static/css/tqw_widget_float.css?v=0101'>";
var js = "<script src='https://apip.weatherdt.com/float/static/js/tqw_widget_float.js?v=0101'></script>";
// 2.把文件放到页面
$("head").append(css);
$("head").append(js);
// 3.把目标放到页面,target为页面元素
var target = "#weather-component";
$(target).append("<div ></div>")
})
把这个js代码块引入到页面即可,如果觉得加载较慢,可以把两个文件下载到本地。
示例
补充
有的网友说注册不了账号,有的说WIDGET失效。现在放一些我这个账号下的网页插件,如果对账号没有影响,那么不会删除。
-
类型:悬浮窗 WIDGET =
mamognlD03
类型:小视图 WIDGET = H76ONIPDPt
ps:上面的示例是悬浮窗的示例,小视图的我没试。感觉应该可以。