html页面集成中国天气插件

文档

中国天气：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 id='weather-float-he'></div>")
})

把这个js代码块引入到页面即可，如果觉得加载较慢，可以把两个文件下载到本地。

示例

补充

有的网友说注册不了账号，有的说WIDGET失效。现在放一些我这个账号下的网页插件，如果对账号没有影响，那么不会删除。

1. 类型：悬浮窗 WIDGET = mamognlD03
2. 类型：小视图 WIDGET = H76ONIPDPt
   ps:上面的示例是悬浮窗的示例，小视图的我没试。感觉应该可以。