简单易懂的天气插件(代码分享)


Posted in Javascript onFebruary 04, 2017

效果图如下:

简单易懂的天气插件(代码分享)

代码如下所示:

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>天气</title>
 <meta name="viewport" content="width=device-width,initial-scale=1"/>
 <style type="text/css">
  .xc{
  width: 200px;
  margin: 0 auto;
  }
 </style>
 </head>
 <body>
 <div id="tp-weather-widget" class="xc"></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.thinkpage.cn/widget/chameleon.js"))
 </script>
 <script>
  tpwidget("init", {
  "flavor": "slim",
  "location": "WX4FBXXFKE4F",
  "geolocation": "disabled",
  "language": "zh-chs",
  "unit": "c",
  "theme": "chameleon",
  "container": "tp-weather-widget",
  "bubble": "enabled",
  "alarmType": "badge",
  "color": "#F47837",
  "uid": "U605DCADA4",
  "hash": "78f46a1198d54dafa0cda717efa717a9"
  });
  tpwidget("show");
 </script>
 </body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
Aug 09 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
Sep 03 Javascript
JavaScript分析、压缩工具JavaScript Analyser
Dec 31 Javascript
js实现点击链接后窗口缩小并居中的方法
Mar 02 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
小程序转发探索示例
Feb 19 Javascript
elementUi vue el-radio 监听选中变化的实例代码
Jun 28 Javascript
通过JS判断网页是否为手机打开
Oct 28 Javascript
URL中“#” “?” &amp;“”号的作用浅析
Feb 04 #Javascript
Angularjs 依赖压缩及自定义过滤器写法
Feb 04 #Javascript
javascript实现复选框全选或反选
Feb 04 #Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 #Javascript
javascript表单正则应用
Feb 04 #Javascript
JS中的phototype详解
Feb 04 #Javascript
详解JavaScript RegExp对象
Feb 04 #Javascript
You might like
PHP+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
解决laravel查询构造器中的别名问题
2019/10/17 PHP
Javascript 陷阱 window全局对象
2008/11/26 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
js定时器(执行一次、重复执行)
2014/03/07 Javascript
浅谈JS日期(Date)处理函数
2014/12/07 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
分分钟玩转Vue.js组件
2016/10/25 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
微信小程序利用co处理异步流程的方法教程
2017/05/20 Javascript
Easy UI动态树点击文字实现展开关闭功能
2017/09/30 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
2020/07/20 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
[11:27]《一刀刀一天》之DOTA全时刻20:TI4总奖金突破920W TS赛事分析
2014/06/18 DOTA
python制作最美应用的爬虫
2015/10/28 Python
一键搞定python连接mysql驱动有关问题(windows版本)
2016/04/23 Python
Python中%r和%s的详解及区别
2017/03/16 Python
Python WSGI的深入理解
2018/08/01 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
python 如何对logging日志封装
2020/12/02 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
Python对excel的基本操作方法
2021/02/18 Python
学院领导推荐信
2013/10/30 职场文书
网管求职信
2014/03/03 职场文书
幼儿园师德演讲稿
2014/05/06 职场文书
2014年银行员工工作总结
2014/11/12 职场文书
鼋头渚导游词
2015/02/05 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
html实现随机点名器的示例代码
2021/04/02 Javascript
微信告警的zabbix监控系统 监控整个NGINX集群
2022/04/18 Servers
python和anaconda的区别
2022/05/06 Python