软件之家:安全,绿色,高速的专业下载站! 首页|最近更新|站内导航

1分钟搞定插件代码!在网页插入仿360天气预报

时间:2019-11-08 14:35:13 来源:www.downmsn.com 人气:

只需简单几步就可以完成,天气插件1分钟搞定。超简单~在百度搜索“天气定制模块”;打开名字中带有天气网的网站;

  只需简单几步就可以完成,天气插件1分钟搞定。超简单~在百度搜索“天气定制模块”;打开名字中带有天气网的网站;

插件代码,360天气预报

1分钟搞定插件代码!在网页插入仿360天气预报图一

  一共提供了多种样式,可以随意搭配组合(个人比较喜欢默认经典样式)图文样式有多种颜色可以选择;要选择某种样式,请在样式名称有下拉框,直接选取即可

  1.选择模板样式,有8中可供选择;

  2.设置字体颜色,默认为黑色;

  3.选择图标样式,默认为经典;

  4.选择城市,不选则时系统自动判断访问者IP所在地并显示该地区天气。

  5.选择默认的5即可;

  6.设置宽度和高度,不要变动太大。

  点击预览即可预览样式

插件代码,360天气预报

1分钟搞定插件代码!在网页插入仿360天气预报图二

  选择完成后,点击“生成代码”按钮,即可生成一个iframe,再“复制到剪切板”,直接复制到网页html代码中合适的位置即可;

插件代码,360天气预报

1分钟搞定插件代码!在网页插入仿360天气预报图三

  把要添加天气代码的网页文件用编辑器打开;

  把代码粘贴到我们要放置天气模块的地方,保存文件;

插件代码,360天气预报

1分钟搞定插件代码!在网页插入仿360天气预报图四

  在浏览器中打开上一步中保存的文件,就可以看到效果了;

  是不是很简单!

  效果图如下,个人认为还是非常美观的。

插件代码,360天气预报

1分钟搞定插件代码!在网页插入仿360天气预报图五

  如果想查看更多天气预报经典插件,请点击图中框中区域链接到新的页面。