给网站添加一个天气小插件

想在网页中加入一个天气预报,所以最近在尝试各种天气插件,心知天气,如风天气,和风天气等都可以实现。我在网页中使用的是和风天气,具体的步骤如下:

官方宣传:和风天气插件产品,免费、跨终端。适配你的网站、APP…

打开和风天气官网:和风天气 | 商业气象服务商, 天气预报,灾害预警,台风路径,卫星云图,天气API/SDK/APP, 天气插件, 历史天气, 气象可视化 (qweather.com)

给网站添加一个天气小插件-权戈网络
和风天气官网

打开右侧“天气API—插件” 直达链接 先登录再选择自己想要的样式点击创建,设置好后点击生成代码就好了;复制生成的代码添加到你想添加的位子,然后进行样式微调就可以了

推荐

创建简约版天气插件;其小巧的天气插件,支持任何网页任何位置,完全自定义样式,可与你的导航栏、目录或内容区等位置融为一体,相得益彰。

下面代码是一个简约版固定位子代码:

<div id="he-plugin-simple"></div>
<script>
	WIDGET = {
	"CONFIG": {
		"modules": "01234",
		"background": "1",
		"tmpColor": "FFFFFF",
		"tmpSize": "12",
		"cityColor": "FFFFFF",
		"citySize": "12",
		"aqiColor": "FFFFFF",
		"aqiSize": "12",
		"weatherIconSize": "14",
		"alertIconSize": "14",
		"padding": "5px 5px 5px 5px",
		"shadow": "1",
		"language": "auto",
		"borderRadius": "10",
		"fixed": "true",
		"vertical": "top",
		"horizontal": "left",
		"right": "160",
		"top": "76",
		"key": "321a08e61101448d8c920578a433ce68"
	}
	}
</script>
<script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>

给TA打赏
共{{data.count}}人
人已打赏
权戈网络内的资源大多来自网络,仅供网友学习交流,无意侵害您的权益。维权请发送邮件至 kefu@teelm 或使用站内工单系统联系:权戈,我们将尽快处理。
若您喜欢本文可附上原文链接转载。本文链接:https://www.teelm.com/2022/02/03/24283.html
Wordpress

Adobe CC 2018 全套破解中文工具

2018-5-14 18:39:40

教程&源码

北京2022冬奥会“冰墩墩”头像框一键生成网站源码

2022-2-6 14:53:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
目录
  • 998 用户总数
  • 308 文章总数
  • 1153739 浏览总数
  • 0 今日发布
  • 1912 稳定运行

『权戈网络』欢迎您!😊